ie下
给body元素默认了一个绝对定位属性（position: absolute）z-index其值无限小。663cb86f
FF下
FF下
body和html (被定义了样式属性时) 元素默认了一个绝对定位属性(position: absolute)不过他们的z-index是0。
当body的z-index值为负的时候，body内的元素z-index值再大也不会冲破他的束缚，如果body外的元素（html）定义了样式属性时，body也不会冲破这个元素的束缚。
所以在z-index 为-1时 在IE和FF中的显示是不一样的，是IE的bug。
下面是测试代码：
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> #box1 { position: absolute; top: 100px; left: 210px; width: 200px; height: 200px; background-color: yellow; z-index: -10; } </style> <body> <div id="box1">为什么负值的定位元素在IE和FF下显示不一致呢？Why？</div> </body> </html> |
标准实在难统一
不统一才会推进发展，苦了我们了、、
ie是个css白痴，令人很烦的东西