Участник:Leshiy: различия между версиями
Leshiy (обсуждение | вклад) Новая страница: «Тестовая страница.» |
Leshiy (обсуждение | вклад) Нет описания правки |
||
| (не показаны 4 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
{{#css: | |||
.content { | |||
display: none; | |||
} | |||
.wrapper:active .content { | |||
display: block; | |||
} | |||
.content:hover { | |||
display: block; | |||
} | |||
.wrapper { | |||
position: relative; | |||
} | |||
.button { | |||
background: yellow; | |||
height: 20px; | |||
width: 150px; | |||
} | |||
.content { | |||
position: absolute; | |||
padding-top: 20px; | |||
} | |||
.content li { | |||
background: red; | |||
} | |||
}} | |||
<div class="wrapper"> | |||
<div class="content"> | |||
<li>Lorem ipsum dolor sit amet.</li> | |||
<li>Consectetur adipiscing elit.</li> | |||
</div> | |||
<div class="button">Кнопка</div> | |||
</div> | |||