<<查看全部Demo

z-index不可跨越的鸿沟

A z-index:1

C z-index:99999999

不管z-index多大,始终无法超越 B

B z-index:2

不显式设置z-index,避免创建层叠上下文

A 不设置z-index

C z-index:2

现在的层叠顺序 C>B>A(在IE6-7下有bug)

B z-index:1

上面的方法在IE下有bug,改进如下

A position:static

C z-index:2

现在的层叠顺序 C>B>A

B z-index:1