Question

我的网站有两个边距作为图片。我用它们作为我的div的背景。

加载页面时，如果父级大于窗口大小，则会显示滚动条。这些条的高度为100％，它们仅填充窗口大小。

我该如何解决这个问题？

我想让它们适用于几乎所有浏览器，即使在IE7上工作也很重要。

我可以用JS / JQuery解决这个问题，但我想知道是否有更好的方法来做到这一点。

<body>
    <div id="left"><img src="Imagini/Left_01.jpg" alt="" /></div>
    <form id="form1" runat="server">
    <div id="left_edge"><img src="Imagini/LeftEdge.jpg" alt="" /></div>
        <div id="q">

        </div>
        <div id="right_edge"><img src="Imagini/rightedge_04.jpg" alt="" /></div>
    </form>
    <div id="right"><img src="Imagini/right_05.jpg" alt="" /></div>
</body>
</html>

body 
{
    margin:0 0 0 0;
    font-size: 13px;
    font-family:"Verdana", Sans-Serif;
}

#left 
{
    float:left;
    width: 116px;
}

#left_edge
{
    width:22px;
    float:left;
    min-height: 10px;
    height:100%;
    background: url('../Imagini/LeftEdge.jpg');
    background-repeat:repeat-y;
}

#form1
{
    background: #FAFAFA;
    width:700px;
    float:left;
}

#q 
{
    float:left;
    width:656px;
}

#right 
{
    width:693px;
    float:left;
}

#right_edge
{
    width:22px;
    float:left;
}

LATER EDIT：我不是在谈论没有滚动条。我希望滚动条能够看到整个页面，但我想要的是垂直填充#left_edge和#right_edge，并将其背景设置为其父级的整个高度

请查看

缺少阴影的两侧。

Answer 1

我只是尝试将这两个添加到#left_edge并且没有滚动没有出现

position: fixed; 
overflow: hidden;

css垂直填充背景图像到100％

1 个答案: