DIV без фона над другим DIV

Razor · July 20, 2009

<!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="ru" lang="ru">
<head>
<title></title>
<style type="text/css">
.d1 {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: none;
}

.d2 {
	position: relative;
	z-index: 50;
	width: 100%;
	height: 100%;
}

</style>
</head>
<body>
<div class="d1"></div>
<div class="d2"><a href="">Некликабильно в FF</a></div>
</body>
</html>

В остальных браузерах все нормально работает. в FF же верхний элемент перекрывает нижний (хотя и прозрачный). Как сделать, чтобы ссылка была кликабельна, и при этом верхний слой оставался абсолютно позиционирован?

Спасибо заранее

s0rr0w · July 20, 2009

В остальных браузерах все нормально работает. в FF же верхний элемент перекрывает нижний (хотя и прозрачный). Как сделать, чтобы ссылка была кликабельна, и при этом верхний слой оставался абсолютно позиционирован?

Офигеть, мне совершенно непонятно, почему в других браузерах это работает... Этот код не должен работать.

Razor · July 20, 2009

Да, тоже так думаю...

Кстати раз уж тут немного слоев тема касается, то я правильно понимаю что допустим, если создать слой

position: relative;

z-index: 5;

а в нем слой

position: absolute; /*или relative*/

z-index: 10;

то внутренний слой на самом деле не будет иметь z-index:10; для внешних слове, т.е. он не сможет вылезти "выше" своего родителя?

Great Rash · July 21, 2009

Да именно так. Отсчет z-index будет вестись от родителя, а не от <body>. Только не в ИЕ6

Sign In

DIV без фона над другим DIV

Question

Razor

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Razor

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information