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
          {
              width:200px;
              height:200px;
              background:red;
              position:absolute;
              left:50px;
              top:480px;
              z-index:2;
          }
            #TestMask
          {
              width:200px;
              height:200px;
              background:red;
              position:absolute;
              left:50px;
              top:480px;
              z-index:1;
          }

     </style>