办理IE6中层被下拉框挡住的bug题目

在网页中，每个元素都有本身的默认层级界说，正由于这些相关，元素才有表现条理的区分，虽然也可以操作CSS中?的z-index属性来改变元素的默认层级相关。 因为差异赏识器对条理相关的表明差异，会造成赏识器之间的表现不同，呈现bug，好比IE6、IE7和Firefox之间，以是要想些步伐批改这些不同，到达同一结果。 常见的层级bug有层被下拉框挡住的bug、flash文件始终在最顶层等等许多，本篇文章先讲授怎样办理IE6中层被下拉框挡住的bug。 IE6中层被下拉框挡住的bug毕竟是什么样子的？请看以下代码：

将以上代码粘贴到网页中，行使IE7和Firefox赏识器查察均无异样，但行使IE6查察时结果却如图一所示。固然名为tags_box的div已经声明z坐标的值为999，但在IE6下如故被选择框的下拉菜单隐瞒住了，造成这个题目的缘故起因是IE6将选择框的默认层级视为第一流，以是将tags_box挡住。 要办理这个题目，只改变z-index的值是达不到结果的，可是，可以找到和选择下拉框同样被IE6误以为最高品级的另一元素——iframe办理它。详细要领是在tags_box这个div中插入一个iframe，并让它的的透明度为0，看起来仿佛不存在一样。代码如下：

<div style="position:absolute;z-index:-1;left:-1px;top:0;width:200px;"> <iframe style="background:#F0F9FB;width:100%;height:110px;filter:alpha(opacity=0);-moz-opacity:0"></iframe> </div><!--办理IE6中层无法盖住下方选择框的错误-->

只要将以上代码复制到tags_box的div中即可，在IE6中的预览结果应如图二中所示。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!