Вопросы и ответы по HTML и CSS

Печать RSS
3618

T

Землянин
0
подскажитеsmile

Чатланин
0
это джава скрипт. только комп и браузеры смартфонов понимают

2000 лет д.н.э.
0
это и на css можно организовать

Добавлено через 05:43 сек.
<div>link
<div class="hover">
link1<br />
link2<br />
link3
</div>
</div>
css:
.hover {
display:no ne;
height:0;
transition: height 700ms linear; /* эта мулька спорная, не проверял на конкретно таком действии, но если работать будет, js точно не понадобится, заменит animate  */
}
.hover:hover{
height:128px;
diaplay:inline-block;
border-left: 2px solid #666;
}
Изменил: ramzes (06.08.2011 / 00:30)

2000 лет д.н.э.
0
не, не так..
<html>
<head>

<style type="text/css">
.hover {
position: absolute;
overflow:hi dden;
width:240px; 
height:18px;
border: 1px solid #666;
transition: height 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
}
.hover:hover{
height:84px;
}
</style>
</head>
<body>

text text
<div class="hover">link
<div>
link1<br />
link2<br />
link3
</div>
</div>

</body>
</html>


Facade of Reality
0
Сделал прозрачный блок, соответственн ссылки внутри нее тоже стали прозрачными. Можно ли сделать так, чтобы ссылки не были прозрачные?

2000 лет д.н.э.
0
Нельзяsmile подкладывай блок этот под блок со ссылками

Граф Озриор
0
677. ramzes, клевая штука)

Чатланин
0
deleted
Изменил: Александр (07.08.2011 / 23:46)

Facade of Reality
0
Здравствуйте. Такая проблема, прописываю в body:
-moz-box-shadow: 0 0 20px #838282;
-webkit-box-shadow: 0 0 20px #838282;
box-shadow: 0 0 20px #838282;

НО Опера(начиная с версии 11) не держит тени, она почему то перекрывает их background'ом. Есть ли способы обойти эту проблему
D

Малиновые штаны
0
682. Cron, это баг, на хабре есть неск.тем как попытаться это исправить, пробежись глянь.

Добавлено через 01:21 сек.
http://habrahabr.ru/tag/box-shadow/
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск