gpt4 book ai didi

html - css 将背景图像垂直填充到 100%

转载 作者:行者123 更新时间:2023-11-28 12:21:55 24 4
gpt4 key购买 nike

我的网站有两个页边距作为图像。我将它们用作我的 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;
}

后期编辑:我不是在谈论没有滚动条。我希望滚动条可以看到整个页面,但我想要的是垂直填充#left_edge 和#right_edge 的背景到它的父级的整个高度

请看image

有阴影的边不见了。

最佳答案

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

position: fixed; 
overflow: hidden;

关于html - css 将背景图像垂直填充到 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18810774/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com