Фон перекрывающий img - HTML и CSS

Belchek · 24.02.2010, 14:20

Всем привет!

Возник еще один вопрос: как можно реализовать через css бэкграунд с перекрытием имейджа? В общем, имеется ссылка картинкой, а при наведении на нее должен меняться бэкграунд таким образом, чтобы картинка была залита этим же бэкграундом (произошло перекрытие).

Спасибо.

SkyM@n · 24.02.2010, 15:56

Т.е. при наведенни на ссылку чтобы фон менялся?

Belchek · 25.02.2010, 00:18

Верно, но чтобы измененный фон, при наведении, перекрывал текст или картинку.

wanick · 25.02.2010, 01:17

вот небольшой пример набросал , может подойдет

Код HTML:

<html>
<head>
	<title>Перекрывающий фон</title>
<style>
a img {
	border: none;
}
a img, a span {
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align:top;
}

a span {
	margin-left: -100px;
	background-color:transporante;
	cursor: pointer;
}
a:hover span {
	background-color:#FFFF00;
}
</style>
	
</head>

<body>

<a href="#">
	<img src="1x1_gray.gif" style=""><span></span>
</a>

</body>
</html>

реализовать можно по разному

Belchek · 26.02.2010, 01:25

Спасибо большое! То что нужно.

24.02.2010, 14:20	#1
Belchek Регистрация: 21.02.2010 Сообщений: 5	Фон перекрывающий img Всем привет! Возник еще один вопрос: как можно реализовать через css бэкграунд с перекрытием имейджа? В общем, имеется ссылка картинкой, а при наведении на нее должен меняться бэкграунд таким образом, чтобы картинка была залита этим же бэкграундом (произошло перекрытие). Спасибо.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Тэг <img>	Ruska882009	Помощь студентам	2	30.03.2009 18:07
Глюк с размерами в IMG	youko	HTML и CSS	2	15.02.2009 11:31
убрать 2px между <img> в ФФ и Опере	Romanbl4	HTML и CSS	15	24.04.2008 14:39
Броузер не отображает картинки <img... Почему?	Stilet	Perl	8	14.04.2008 09:56
Если нету Flash то IMG!?!?!?!	DRUG_ADDICT	HTML и CSS	5	27.02.2008 01:23

24.02.2010, 15:56	#2
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Т.е. при наведенни на ссылку чтобы фон менялся?

25.02.2010, 00:18	#3
Belchek Регистрация: 21.02.2010 Сообщений: 5	Верно, но чтобы измененный фон, при наведении, перекрывал текст или картинку.

26.02.2010, 01:25	#5
Belchek Регистрация: 21.02.2010 Сообщений: 5	Спасибо большое! То что нужно.