Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Появляющийся текст на картинке при наведении курсора (как сделать Появляющийся текст на картинке при наведении кур) |
| Появляющийся текст на картинке при наведении курсора |
|
как сделать Появляющийся текст на картинке при наведении курсора как у этого сайта? http://tushkan.net
|
|
Код <!DOCTYPE html > <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Title</title> <style> .nexus_block{ position:relative; width:240px; height:320px; } .nexus_block > img{ width:240px; height:320px; } .nexus_block > .tooltip{ display:none; width:inherit; text-align:center; background:rgba(255,255,255,0.8); position:absolute; bottom:0; left:0; right:0; margin:auto; padding:10px 5px; } .nexus_block:hover > .tooltip{display:block;} </style> </head> <body> <span class="nexus_block"> <img src="IMAGE_URL"/> <span class="tooltip">Текст</span> </span> </body> </html> Сообщение отредактировал Nexxus - Четверг, 09 Окт 2014, 00:43:19
|
|
Nexxus, а как добавить в информер чтобы при нажатии на картинку и на текст переходил на ту статью?
|
| |||
| |||