Изменение прозрачности определенного блока

[gufon]

Есть 10 блоков с обложкой книги, при наведении на определенную книгу должно появиться краткое описание, для каждой книги свое, как реализовать? Что бы именно на этой книге вылезло описание?

[Naive]

Сделай обертку вокруг картинки, добавь

.wrapper {position:relative;}

Внутри обертки, до картинки вставляй описание и для него:

.descript {
  position:absolute;
  z-index:1;
  width:100%;
  opacity: 0;
  -webkit-transition:.2s opacity linear;
  transition:.2s opacity linear;
}

и тогда при наведении будет:

.wrapper:hover .descript {
  opacity:1;
}

Ну, это без js... не думаю, что для такой глупости стоит юзать скрипты...

[gufon]

JS хотел юзать для плавного появления, а зачем меня z-inex? У меня обложка книги бэкграундом сделана

[_SanR]

Привет, как насчет использования transition для плавного появления?
А для js есть много готовых решений, первые попавшиеся с поисковика:
http://easywebscripts.net/javascript/tooltip.php
http://efimov.ws/main/develop/javasc...podskazki.html
и тд..

[Naive]

Сообщение от gufon

JS хотел юзать для плавного появления

в css для этого стоит transition, работает сейчас на 95% браузерах рунета.

Сообщение от gufon

а зачем меня z-inex?

если с картинкой... на всякий, чтобы точно не было конфликта...

Сообщение от gufon

У меня обложка книги бэкграундом сделана

ах, простите, у меня пока плохо развиты телепатические возможности)
//для индексации лучше сделать картинкой

и да, для некоторых браузеров можно вот с такой штукой побаловаться: http://www.new.burusov.ru/Gallery * делал ради эксперимента

[gufon]

Сообщение от Naive

в css для этого стоит transition, работает сейчас на 95% браузерах рунета.

если с картинкой... на всякий, чтобы точно не было конфликта...

ах, простите, у меня пока плохо развиты телепатические возможности)
//для индексации лучше сделать картинкой

и да, для некоторых браузеров можно вот с такой штукой побаловаться: http://www.new.burusov.ru/Gallery * делал ради эксперимента

Мне определенно это нравится, спасибо, что нибудь придумаю

[gufon]

Все работает, 1 вопрос почему показывается описание именно в том блоке на который я навожу?
Эта строка ссылается на внутренний элемент wrapper'a?

[Naive]

Сообщение от gufon

Все работает, 1 вопрос почему показывается описание именно в том блоке на который я навожу?

а разве не это нужно было? О_о

Сообщение от gufon

Эта строка ссылается на внутренний элемент wrapper'a?

ну да, там же написано наследование CSS...

[gufon]

Все именно так и должно быть, спасибо