Ссылка с абсолютным позиционированием над рисуноком

Razor · June 13, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
	<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
a {
	border: 1px solid green;
	display: block;
	position: absolute;
	top: 0;
	width: 200px;
	height: 150px;
}

img {
	width: 100px;
	height: 100px;
}
</style>
</head>
<body>
<img src="/img/hhh.hhh" />
<a href="">link</a>
</body>
</html>

Путь рисунка - для примра, чтобы он его вывести пытался.

Конкретно ссылка над рисунком не работает - в других местах (где с рисунком не пересекается - норм) это для Опера 9.64 и ИЕ, в ФФ3 норм...

как можно поправить? или может я чего не так сделал? :/

Заранее спасибо

psywalker · June 13, 2009

1) погрузи Рисунок в ссылку, тада всё будет Гуд

2) Или заполни ссылку текстом или ещё чем

Edited June 13, 2009 by psywalker

Tokolist · June 13, 2009

z-index?

Razor · June 13, 2009

нет, z-nidex не помогает.

или фон делать - 1пиксельный гиф например прозрачный для ссылки ))))

или как сказал psywalker )

SelenIT · June 13, 2009

Можно задать фон в виде url(about:blank). Работает как минимум в IE7 и Opera 10b1.

Tokolist · June 13, 2009

Не знаю цели, но может картинку сделать просто фоном для ссылки?

s0rr0w · June 13, 2009

Стоило добавить ссылке onclick, и все заработало в опере...

Razor · June 13, 2009

Насчет фона - спасибо)

Нее, там такая штука что имеенно ссылка должна влиять не на все изображение.

Насчет onclick - вообще трушный способ. спасибо))

Итого пути решения:

- сделать фоном ссылки однопиксельный прозрачный .gif (извращение)

- добавление к ссылки атрибута onclick без значения

- background: url(about:blank); для ссылки

- погрузить img в тего <a> - но это немного отличается от условия

Edited June 13, 2009 by Razor

Sign In

Ссылка с абсолютным позиционированием над рисуноком

Question

Razor

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Tokolist

Link to comment

Share on other sites

Razor

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Tokolist

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Razor

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information