Question

比提供粘贴的html / css更好我认为链接会更好： http://www.naughtyfancydress.com/html/index.html

基本上，我试图在导航中点击“Themes”时显示一个模态表格弹出窗口。

但是，对于导航栏div中覆盖的区域，背景只会变为粉红色而不是整个页面。

我之前从未遇到过这个问题，是因为导航栏上的位置相对吗？

Answer 1

粉红色<div>是#navbar的孩子，#navbar有overflow: hidden。结果是它被剪裁了。您的粉红色<div>需要在#navbar之外，或者您需要允许溢出（如果您使用overflow: hidden;作为clearfix，则可能明确地清除浮点数。）

Answer 2

noob，

有一个像这样的隐藏div

#VbackgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:3;
}

然后点击设置下面的背景

  var docHeight = Math.max(

            $(document).height(),

            $(window).height(),

            /* For opera: */

            document.documentElement.clientHeight

        );

        var docWidth = Math.max(

            $(document).width(),

            $(window).width(),

            /* For opera: */

            document.documentElement.clientWidth

        );

        $("#VbackgroundPopup").css({

            "height":docHeight,

            "width":docWidth-20

        });          


$("#VbackgroundPopup").css({

        "background-color": "#000000",

        "filter": "alpha (opacity=70)",

        "filter": "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=70)",

        "-moz-opacity": "0.7",

        "opacity": "0.7",

        "-khtml-opacity": ".7",

        "zoom": "1"

    });        

    $("#VbackgroundPopup").css({ "opacity": "0.6" });

    $("#VbackgroundPopup").show();

这应该照顾所有浏览器......

Css背景用jQuery模态形式淡出问题

2 个答案: