您现在的位置: 365建站网 > 365学习 > 简单解决IE6中浮动 div 被 select 遮盖问题

简单解决IE6中浮动 div 被 select 遮盖问题

文章来源:365jz.com     点击数:627    更新时间:2009-09-15 09:58   参与评论

      在页面使用多个浮动div的时候(尤其在动态生成的列表中),如果恰好碰上旁边有个select,那是一件很烦恼的事(IE6下比较耀眼的特点,IE7和FF就没有)——浮动div会给select遮盖了。
      解决方法很简单
      先在页面任意位置放置一个空的隐藏iframe
      <iframe id="iFrm" style="position:absolute;z-index:1;display:none;" frameborder="0" />
      然后在文件头的js里面,将这个iframe的高度、宽度、OffsetTop、OffsetLeft设置得和div的一样,
      这样,iframe就会作为div的底部(当然,div的z-index属性要设置得比iframe要高),而浮动div就不会被select给遮盖了

        function showCabinListPanel(obj, Id) {
            $(".CabinListPanel").hide();
            var clp = $("#" + Id);
            var CLP_Offset = document.getElementById(Id);
            var e = $(obj);
            var Frm = document.getElementById("iFrm");
           
            CLP_Offset.style.top = e.offset().top + e.height();
            CLP_Offset.style.left = e.offset().left + e.width() - $(CLP_Offset).width() + 3;
            Frm.style.top = CLP_Offset.style.top;
            Frm.style.left = CLP_Offset.style.left;
            $(Frm).width(clp.width());
            $(Frm).height(clp.height() + 2);

            clp.CSS("position", "absolute");
            clp.show();
            $(Frm).show();

}

 

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (627人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------