Processing of DIV and other floating layers blocked by the drop-down box in IE6

In IE6, DropDownList is a system control called by Browser. The display priority of such components is higher than that of general IE controls, and controls in the floating layer cannot cover these system controls.

Solution: create two floating layers. The root label of one floating layer is IFrame, and the root label of the other floating layer is Div. The positions and sizes of the two floating layers are equal, then, the IFrame floating layer is displayed, and the Div floating layer is displayed,

In this way, the IFrame floating layer masks the following controls for the Div floating layer.

CSS:

<Style type = "text/css">
Dl # iframe1 {display: none; _ display: block; position: absolute; top: 0; left: 0px; z-index:-1; filter: mask (); width: 110px; height: 420px ;}
</Style>

Aspx:

<Li id = "dictionary" runat = "server"> <a href = "#"> maintenance </a>
<Dl>
<Dd>
<A href = "dictAll. aspx? TableType = 0 "target =" _ self "title =" The "> asset type </a>
</Dd>
<Dd>
<A href = "dictAll. aspx? TableType = 13 "target =" _ self "title =" Styling "> service level </a>
</Dd>
<Iframe id = "iframe1"> </iframe>
</Dl>
</Li>