Небольшое наблюдение из жизни лисьих

paketa · December 23, 2010

Приведу пару простых примеров (всё нижеописанное справедливо только для Mozilla Firefox 3.6.13, подобных проблем в других браузерах не наблюдалось):

1. Работает абсолютно нормально:

<html>
<style>
#dlink:hover{color:#003399}
#dlink {color:#0080FF}
</style>

<body>
<div id='dlink'>TESTTTTTTTTT</div>
</body>
</html>

2. А вот такой вариант уже не работает:

<html>
<style>
.dlink:hover{color:#003399}
.dlink {color:#0080FF}
</style>

<body>
<div class='dlink'>TESTTTTTTTTT</div>
</body>
</html>

В принципе и второй вариант (с использованием класса для стиля, чтобы привязать hover) можно сделать в Мозиле рабочим, если использовать вместа DIV тег <A> и поставить блочный дисплей, но это не всегда выход из положения, особенно когда нужно сделать вложенные блоки с hover.

Какие ещё могут быть способы обойти эту проблему желательно css?

d0ublezer0 · December 24, 2010

Вот так работает:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.dlink:hover{color:#003399;}
.dlink {color:#0080FF;}
</style>
</head>
<body>
<div class="dlink">TESTTTTTTTTT</div>
</body>
</html>

Sign In

Небольшое наблюдение из жизни лисьих

Question

paketa

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

d0ublezer0

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information