не работает z-index

ыра · February 8, 2012

пытаюсь нарисовать вот такое - на фоне полупрозрачного заднего фона из нескольких дивов, должен выплыть #box, где-то над div4-div6

он СНОСИТ ВНИЗ дивы, куда бы я не прилепила #box, и чем только я его не пробовала, что делать?

тестю в мазиле


<style>
#column0 {position:relative; z-index:1}

#app { overflow: hidden; z-index:2; position:relative;}
.d1 { float: left; width: 32%; z-index:2; position:relative;
	padding: 5px 7px;
	text-align:center;
	margin: 5px auto;
	line-height: 1.2;
	text-shadow: -1px -1px #666, 1px 1px #FFF;
	font-family: verdana,arial,sans-serif;
	font-size:14px;
	color:darkblue;
	}

.d2 { margin-left: 34%; z-index:2; position:relative;}

.d3 { float: left; width: 24%; bottom:0; text-align: justify; background-color:#e6e6fa; z-index:2; position:relative;}
.d4 { float: left; width: 23%;bottom:0; text-align: justify; z-index:2; position:relative;}
.d5 { float: left; margin-left:5px; bottom:0; width: 23%; text-align: justify; z-index:2; position:relative;}
.d6 { float: left; margin: 10px; width: 22%; bottom:0; text-align: justify; z-index:2; position:relative;}
.clear { clear: both; }

#box {width:300px; height:100px; margin:15% auto; padding:20px; text-align:center; background-color:#FFC; border:5px #00C solid;position:relative;
border-radius:12px;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
z-index:3;
}

</style>

<body>

<div id="column0"> 


<div id="app">
   <div class="d1"></div>
   <div class="d2"></div>

<div class="clear"></div>

   <div id="box"> </div>
   <div class="d3"></div>
   <div class="d4"></div>
   <div class="d5"></div>
   <div class="d6"></div>
</div>

</div>

Edited February 8, 2012 by ыра

dostel1 · February 8, 2012

не вижу в коде #box!

Edited February 8, 2012 by dostel1

ыра · February 8, 2012

пардон, подправила

т.е с плавающими блоками вообще никак?

dostel1 · February 8, 2012

т.е с плавающими блоками вообще никак?

никак

sigma77 · February 8, 2012

не вижу в коде #box!
z-inDex используют только с position:absolute;

Не говорите чушь.

z-index работает со всеми position кроме static

ыра

Не совсем понятно, что именно вы хотите получить в итоге, но блок #box находится выше остальных.

В этом легко убедится задав ему фон.

ыра · February 10, 2012

один блок всплывает поверх нескольких остальных, грубо говоря четыре квадрата, соединенных в центре и поверх этого центра всплывает пятый, на пересечении нескольких блоков

мне подумалось - может индексом

sigma77 · February 10, 2012

ыра,

Можешь картинкой показать?

Sign In

не работает z-index

Question

ыра

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

dostel1

Link to comment

Share on other sites

ыра

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

ыра

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information