Ik struikel op dit moment even over een probleempje met z-indeces in IE en kom er echt ff niet uit met mn gare kop. Ter illustratie van mijn probleem dient de onderstaande code. Firefox doet het precies zoals ik wil, namelijk de child van de div met class "item" boven de andere "item" divs renderen.
Het geven van een (lagere) z-index aan ".item" maakt dat het ook in Firefox niet meer werkt. Vermoed dat dit door inheritance komt (dacht alleen dat z-index niet geinherit werd).
Iemand die me kan helpen?
Het geven van een (lagere) z-index aan ".item" maakt dat het ook in Firefox niet meer werkt. Vermoed dat dit door inheritance komt (dacht alleen dat z-index niet geinherit werd).
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>test</title>
<style type="text/css">
.item {
margin: 0 10px;
position: relative;
width: 100px;
height: 100px;
background: blue;
float: left;
}
.item div {
z-index: 1;
border: 1px solid black;
position: absolute;
top: 20px;
left: 20px;
width: 150px;
height: 100px;
background: red
}
</style>
</head>
<body>
<div class="item">
<div>info</div>
</div>
<div class="item">
<div>info</div>
</div>
<div class="item">
<div>info</div>
</div>
<div class="item">
<div>info</div>
</div>
</body>
</html> |
Iemand die me kan helpen?
/u/7685/ruinmytune-60x60.png?f=community)
), maar kan wel proberen te verklaren waar het door komt (en m'n theorie staven in FF 
):