Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
Показать сообщение отдельно
Qwerty_Wasd
576 / 578 / 332
Регистрация: 16.04.2016
Сообщений: 1,730
Завершенные тесты: 2
12.02.2018, 17:12

Создать над одним элементом другой одинаковых размеров

12.02.2018, 17:12. Просмотров 130. Ответов 1
Метки (Все метки)

Ответ

Якобинец,
Цитата Сообщение от Якобинец Посмотреть сообщение
возможность над содержимым shouldBeCovered вызывать вуаль
вы не указали, что за событие будет это делать. Предположим, просто предположим, при наведении на shouldBeCovered. К примеру - песочница
HTML5
1
2
3
<div class="commonContent">
  <div class="shouldBeCovered">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellendus saepe expedita, perspiciatis, vero sunt itaque harum id suscipit enim, quos mollitia? Perspiciatis suscipit ab hic dicta tenetur, est rerum incidunt.</div>
</div>
CSS
1
2
3
4
5
6
*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:0}
html,body{height:100%;width:100%;}
.commonContent{height:200px;width:100%;border:2px solid}
.shouldBeCovered{position:relative;height:100%;width:100%;border:2px solid red;}
.shouldBeCovered::after{position:absolute;top:0;left:0;bottom:0;right:0;content:"";background:rgba(122, 122, 122, 0);-webkit-transition:1s;-o-transition:1s;transition:1s}
.shouldBeCovered:hover::after{background:rgba(122, 122, 122, 0.5);border:5px dashed gray;-webkit-transition:1s;-o-transition:1s;transition:1s}


Вернуться к обсуждению:
Создать над одним элементом другой одинаковых размеров
1
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.02.2018, 17:12
Готовые ответы и решения:

Сделать textarea одинаковых размеров в разных браузерах
Доброго времени суток. Потребовалось использовать textarea, а он разного...

Как фиксировать изображение над другим элементом?
Всем доброго дня!Хочу поставить изображение над другим элементом как на...

Кто может подсказать, при изменении размеров окна браузера разделы на главной странице накладываются один на другой
Кто может подсказать, при изменении размеров окна браузера разделы на главной...

Сделать два фона один за одним: сначала статическая картинка, потом повтор другой картинки по Y
не получается сделать два фона один за одним, сначала статическая картинка,...

Как наложить через z-index две картинки точно одна над другой?
Как наложить через z-index две картинки точно одна над другой? Обязательно:...

1
Другие темы раздела
HTML, CSS Разместить логотип по центру http://www.cyberforum.ru/html/thread2188196.html
Всем привет! Я только учусь создавать сайт по книге Русакова. Возникла такая проблема: логотип не размещается по центру, хотя прописала все так, как указано в книге. Помогите решить проблему. Вот...
HTML, CSS Траблы с отступами проблема вот в чем, я хочу отодвинуть текст ниже чем он есть на 100px <div class="section1"> <div class="container"> <div class="zag1">Some Text</div> <h2>Lorem ipsum dolor sit </h2>... http://www.cyberforum.ru/html/thread2188182.html
HTML, CSS модальное окно (собственный контент)
Есть код вот такого плана, он находится на главной странице: <div id="modal_form"><span id="modal_close">x</span><p>правила проекта</p></div> <div id="overlay"></div> <ul style="padding-top:15px;"...
Justify для ul li элементов с переносом HTML, CSS
Здравствуйте! Выводятся карточки с помощью ul li. Задача сделать Justify в строках, но с переносом карточек на новую строку. Скриншот: Нашел такой вариант: .introfullblock>ul {
HTML, CSS HTML шаблон Электронного дневника http://www.cyberforum.ru/html/thread2187984.html
Всем Привет. Кто-нибудь когда -нибудь натыкался на шаблон Электронного дневника или нечто похожее? Время на исходе самому реализовать слишком долго, возможно есть какая-нибудь литература?
HTML, CSS Изменение размера картинки при клике на нее и сохранение размеров пока курсор на ней Есть картинка, при клике на нее, она увеличивается и сохраняет свои размеры до тех пор, пока на ней курсор мыши. Скорее всего это можно сделать с помощью псевдоклассов :hover и :active, но... подробнее
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru