解决select层级最高的问题

解决select层级最高的问题

浮动层被select(下拉菜单)覆盖的解决方案:在浮动层div下放一个同样大小的浮动的iframe(div层级高于iframe)。而iframe优先度高于select,故可以解决。

有关div、iframe、select层级别

因为select是窗口元素,div是非窗口元素,所以当这两个排层次关系的话,select永远在div之上,无论div的z-index设置多高。然而iframe比较特殊,在ie5.5之前是窗口元素,ie5.5及之后为非窗口。但是无论他是什么样的原素,他不仅可以通过z-index,跟select进行层级排序,还可以跟div用z-index进行层级排序。这就出现了一个有意思的现象:当层级关系div>iframe>selcect时,就会出现div在最上,select在最下。即解决select层级最高盖住其他浮动层的问题。

原文地址:https://www.cnblogs.com/naokr/p/3129959.html