IE6 div 被iframe的select被遮住

IE6下,div被iframe上面的select遮住,IE6下面的select在div上面;

解决方法:

  1. 将select写成div

  2. 将div下面放一个同级的iframe,将这个iframe的高度和宽度等于div的高度和宽度,都要定position:absolute;将iframe的z-index设置低于div的z-index

    例如:

    <div>

         <iframe style="width:100px;height:100px;position:absolute;z-index:10;"></iframe>/*注意,iframe不能用百分比,否则在IE下会撑不开*/

         <div style="width:100px;height:100px;position:absolute;z-index:10;"></div>   /*这个是显示出来的层*/

    </div>

  3. 用js控制,当div显示出来的时候,将select隐藏

posted on 2013-10-25 16:00  柠檬味红茶  阅读(238)  评论(0)    收藏  举报

导航