你對DIV層在IE6下被下拉框遮擋的解決方法是否了解，這裡和大家分享一下，IE6中DropDownList是Browser調用的系統控件，這種組件的顯示優先級比普通的IE控件高，浮動層中的控件就不能夠遮蓋這些系統控件。
DIV層在IE6下被下拉框遮擋的解決方法
在IE6中DropDownList是Browser調用的系統控件，這種組件的顯示優先級比普通的IE控件高，浮動層中的控件就不能夠遮蓋這些系統控件。
解決的辦法是：做兩個浮動層，一個浮動層的根標簽是IFrame，另一個浮動層的根標簽是DIV，兩個浮動層的位置、大小均相等，然後先顯示IFrame浮動層，再顯示DIV浮動層，這樣IFrame浮動層就為DIV浮動層遮蓋住了下面的控件。
實例代碼如下:
- <styletypestyletype="text/CSS">
- dl#iframe1{display:none;_display:block;position:absolute;
- top:0;left:0px;z-index:-1;filter:mask();width:110px;height:420px;}
- </style>
- <liidliid="dictionary"><ahrefahref="#">標題</a>
- <dl>
- <dd>
- <ahrefahref="index.PHP?id=0"target="_self"title="The">內容</a>
- </dd>
- <dd>
- <ahrefahref="index.PHP?id=13"target="_self"title="Styling">內容</a>
- </dd>
- <iframeidiframeid="iframe1"></iframe>
- </dl>
- </li>