Всплывающий заголовок

6

Feynman

21 сентября 2011, 17:30

805

Здравствуйте! У меня возник вопрос, как можно сделать надпись, которая всплывает при наведении на картинку? Пример на картинке(при наведении на картинку появляется надпись новартис на темном фоне). Заранее спасибо

66

BPhoenix

21 сентября 2011, 17:38

#1

Feynman:
Здравствуйте! У меня возник вопрос, как можно сделать надпись, которая всплывает при наведении на картинку? Пример на картинке(при наведении на картинку появляется надпись новартис на темном фоне). Заранее спасибо

http://www.google.ru/#sclient=psy-ab&hl=uk&newwindow=1&source=hp&q=html+%D0%B2%D1%81%D0%BF%D0%BB%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D0%B8%D0%B5+%D0%BF%D0%BE%D0%B4%D1%81%D0%BA%D0%B0%D0%B7%D0%BA%D0%B8&pbx=1&oq=html+%D0%B2%D1%81%D0%BF&aq=3&aqi=g4&aql=&gs_sm=e&gs_upl=0l0l1l157l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.&fp=bb55791eedeab1de&biw=1680&bih=823

F

6

Feynman

21 сентября 2011, 17:40

#2

BPhoenix:
http://www.google.ru/#sclient=psy-ab&hl=uk&newwindow=1&source=hp&q=html+%D0%B2%D1%81%D0%BF%D0%BB%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D0%B8%D0%B5+%D0%BF%D0%BE%D0%B4%D1%81%D0%BA%D0%B0%D0%B7%D0%BA%D0%B8&pbx=1&oq=html+%D0%B2%D1%81%D0%BF&aq=3&aqi=g4&aql=&gs_sm=e&gs_upl=0l0l1l157l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.&fp=bb55791eedeab1de&biw=1680&bih=823

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

95

4arger

21 сентября 2011, 18:04

#3


<html>

<head>

<style>

a.your_class {

	display: block;

	width: 180px;

	height: 120px;

	position: relative;

	text-decoration: none;

	background: url('http://rghost.ru/22518491/image.png') center center no-repeat;

	border: 1px solid #c0c0c0;

}



a.your_class span {

	display: none;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background: #000000;

	color: #ffffff;

	padding: 5px 0 5px 0;

}



a.your_class:hover {

	cursor: default;

}



a.your_class:hover span {

	display: block;

}

</style>

</head>



<body>

<a class="your_class" href="#">

	<span>Novartis</span>

</a>

</body>

</html>

F

6

Feynman

21 сентября 2011, 18:08

#4

Спасибо, практически то, что нужно! Можно-ли сделать плавное появление надписи, с помощью jquery, или что-нибудь в этом роде?

Что делать, чтобы попасть в ответы Google Bard

VK приобрела 70% в структуре компании-разработчика red_mad_robot