css z-index 在IE中的迷惑

CSS specification 中清楚的规定了除了根元素，只有定位元素的z-index被定义一个非auto的z-index值才能产生新的stacking context。而例子中被相对定位的元素并没有定义z-index，即z-index为默认值auto。所以按理他不会影响子元素的层叠顺序。即背景色为黄色的box1和背景色为绿色的box2的stacking context相同，即都为根元素产生的root stacking context。再根据规则中当stacking context一样的时候，就用z-index的值来决定怎样显示的原理，则应该z-index属性值20的背景色为黄色的box1在z-index属性值10背景色为绿色的box2之上。
上一页12 下一页 阅读全文