АА
Алексей Аверкин

Нужно добавить всплывающее описание для картинки в HTML-документе

Здравствуйте, помогите пожалуйста () добавить всплывающее описание при наведении мышкой на фото, как показано на картинке

VS
Vasliddin Saitov




Клинт Иствуд


Хороший, плохой, злой.





#istvud img .opisanie {
display:none;
}

#istvud img:hover .opisanie {
background: #000000;
height: 45px;
margin: 0;
padding: 0;
z-index: 10;
opacity: 0.7;
overflow: hidden;
display:inline-block;
}

НС
Наташенька Симакова

Не дочитал ...))) ну тут нужно через свойства css hover и display делать ...определять что её не видно display:none
а по событию hover
display:inline
Думаю что в инете примеров полно должно быть 😉

Ки
Кирилл

jquery на помощь
$(function(){
$("div).hide();
$("img").mousemove(function(){
$("div").slideDown(500);
});
});

ТК
Тоня Казакова

Псевдоклассом можно. Картинке дай атрибут с описанием. Data-блабла="описание" в css. Img:before:hover в контент напиши. Attr(data-блабла)

ЛД
Ленок Демьянова

Держи http://jsfiddle.net/L2eeob20/ или можешь сделать обычным display: none; / display: block;

Похожие вопросы
См фото. Вот Html документ как теперь его добавить на собственный сайт? ЭТО ПРОСТО ПРИМЕР
Word документ в HTML
Ссылка в картинке и всплывающее изображение
html - как добавить подпись к картинке
Почему картинка при создании Html документа не открывается (
как сделать фон (картинку) на языке HTML на весь лист, чтобы можно еще добавить записи и картинки..
Как добавить картинку в DIV блок? Не обязательно по центру! И писать в файле HTML и что в CSS?
Вставка картинки в HTML.
НЕ открываются картинки в html
Нужно писвоить документу имя .*html. документ .*txt