Проблемы с наложением слоёв в IE 7 и 8 при абсолютном позиционировании

Link · October 22, 2009

Вот есть, например, такой код:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
</title>
</head>
<body>
<table>
<tr>
<td style="background-color:#ff00ff">
<div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div>
<div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2"></div>
</td>
</tr>
</table>
</body>
</html>

В IE 7 и 8 возникает проблема с наложением слоёв.

То есть слой, при нажатии на который должно выполнятся определённое действие, недоступен.

В других браузерах (Opera, FF, Chrome) данный код работает на ура.

Подскажите, пожалуйста, как побороть эту проблему.

rus · October 22, 2009

попробуй поставить ему display:block;

Great Rash · October 22, 2009

ИЕ7 - работает все.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		html, 
		body {
			height: 100%;
			margin: 0;
			padding: 0;
			border: 0;
		}
	</style>

</head>

<body>

	<div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div>
	<div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2; background: red;"></div>

</body>
</html>

Нафига сей изврат? Да еще и в таблицу запихан...

Link · October 22, 2009

ИЕ7 - работает все.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		html, 
		body {
			height: 100%;
			margin: 0;
			padding: 0;
			border: 0;
		}
	</style>

</head>

<body>

	<div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div>
	<div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2; background: red;"></div>

</body>
</html>

Нафига сей изврат? Да еще и в таблицу запихан...

Ну если залить этот блок цветом, то он и у меня работает :angry: А мне нужен именно прозрачный блок.

Вариант с "display:block;" тоже не порадовал успехом.

Justnewone · October 22, 2009

Ну если залить этот блок цветом, то он и у меня работает А мне нужен именно прозрачный блок.
Вариант с "display:block;" тоже не порадовал успехом.

попробуйте аьсолютный завернуть в относительный и на него уже релейтив.

Sign In

Проблемы с наложением слоёв в IE 7 и 8 при абсолютном позиционировании

Question

Link

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Link

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information