web兼容行探究1:IE 6 select节点显示在绝对布局之上的解决方法

解决方式就是在绝对布局的元素下放置一个一样大小的iframe元素,这样iframe可以将select盖住,同时解决了问题.

源码如下:

<!-- IE6BUG select在絕對定位的元素之上顯示 -->
        <!-- 解決方法:將一個同樣大小的iframe放在絕對定位的元素之下 -->
        <select><option>請選擇</option> </select>
        <div id="Test"></div>
        <iframe id="TestMask" ></iframe>
    </form>


...

<script>
 #Test
         {
             200px;
             height:200px;
             background:red;
             position:absolute;
             left:50px;
             top:480px;
             z-index:2;
         }
           #TestMask
         {
             200px;
             height:200px;
             background:red;
             position:absolute;
             left:50px;
             top:480px;
             z-index:1;
         }
             
    </style>