Web compatibility Row Explore 1:ie 6 Select node resolution on top of absolute layout

The solution is to place an IFRAME element of the same size under an element of absolute layout so that the IFRAME can cover the Select and solve the problem.

The source code is as follows:

1 <!--The Ie6bug Select is displayed on the absolutely positioned element -2         <!--Solution: Place an IFRAME of the same size under an absolutely positioned element -3         <Select><option>Please select</option> </Select>4         <DivID= "Test"></Div>5         <iframeID= "Testmask" ></iframe>6     </form>7 8 9 ...Ten  One <Script> A #Test -          { - width:200px; the height:200px; - background:red; - Position:absolute; - left:50px; + top:480px; - Z-Index:2; +          } A #TestMask at          { - width:200px; - height:200px; - background:red; - Position:absolute; - left:50px; in top:480px; - Z-Index:1; to          } +               -     </style>

View Code

Web compatibility Row Explore 1:ie 6 Select node resolution on top of absolute layout