Участник:Leshiy: различия между версиями
Перейти к навигации
Перейти к поиску
Lorem ipsum dolor sit amet.
Consectetur adipiscing elit.
Leshiy (обсуждение | вклад) |
Leshiy (обсуждение | вклад) Метка: визуальный редактор отключён |
||
(не показаны 2 промежуточные версии этого же участника) | |||
Строка 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> |