Картинка (Play например) при наведении на тюмбу

P
На сайте с 06.03.2010
Offline
54
775

Всем привет. У меня такое реализовано следующим образом:

<div class="thumb">

<a href="/"><img /><div class="play"></play>Титл</a>

</div>

Class "play" соответственно имеет Position aboslute и появляется только при наведении на thumb - отсюда и появляется картинка "кнопка плей" при наведении.

Вроде все нормально. Но меня почему-то терзают смутные сомнения, что это как-то легче и по другому должно делаться, а то мне не очень нравится, что в ссылке div блок заключен...

Кто что может сказать?

DiAksID
На сайте с 02.08.2008
Offline
236
#1
pornodump:
... а то мне не очень нравится, что в ссылке div блок заключен...

псевдоэлемент вместо дива и будет классика жанра...

show must go on !!!...
P
На сайте с 06.03.2010
Offline
54
#2

Попробую, что-то я с псевдоклассами не работал раньше.

Ааа так :hover это и есть псевдокласс? :) ахах )) Не знал. Я эту иерархию не особо знаю. Но тем не менее, с :hover не получается это. Так как тут картинка, и если что там при hover появляется, то картинка это закрывает. Поэтому у меня и стоит div Блок с position: absolute

DiAksID
На сайте с 02.08.2008
Offline
236
#3
pornodump:
Попробую, что-то я с псевдоклассами не работал раньше.

Ааа так :hover это и есть псевдокласс? :) ахах )) Не знал. Я эту иерархию не особо знаю. Но тем не менее, с :hover не получается это. Так как тут картинка, и если что там при hover появляется, то картинка это закрывает. Поэтому у меня и стоит div Блок с position: absolute

мляттт... читаем внимательно: псевдоЭЛЕМЕНТ 😎

P
На сайте с 06.03.2010
Offline
54
#4
DiAksID:
мляттт... читаем внимательно: псевдоЭЛЕМЕНТ 😎

опп, спасибо )) Перепутал немного :) Пятница, сегодня можно =)))))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий