|
|
|
| Почему дочерний див перекрывает родительский, несмотря на то, что у дочернего z-index меньше?
Вот код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Shop</title>
<link rel="stylesheet" type="text/css" media="all" href="dump.css">
</head>
<body>
<div id="one">
<div id="two">
</div>
</div>
</body>
</html>
|
Вот css:
body {margin: 0px;}
#one {position: relative; height: 150px; background: orange; margin: 0px; z-index: 2;}
#two {position: relative; height: 200px; background: green; margin: 0px; z-index: 1;}
|
| |
|
|
|
|
|
|
|
для: dump
(16.02.2012 в 14:19)
| | z-index это слои - для элементов одного уровня вложенности | |
|
|
|
|
|
|
|
для: AlexSol
(16.02.2012 в 14:41)
| | А как настроить z-index для элементов разного уровня вложенности? | |
|
|
|
|
|
|
|
для: dump
(16.02.2012 в 15:16)
| | <div id="one">
</div>
<div id="two">
</div> | |
|
|
|
|
|
|
|
для: AlexSol
(16.02.2012 в 15:30)
| | Ну это просто разделение дивов. А как сделать так, чтобы дочерний див был под родительским? | |
|
|
|
|
|
|
|
для: dump
(16.02.2012 в 16:16)
| | никак.
z-index это слои, "разделение" по-вашему. | |
|
|
|