gpt4 book ai didi

html - 自动调整背景图像的大小

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

你好,我在使用背景图片时遇到了问题。

网站结构如下:

header 包含两种颜色,固定高度为 100px。大型机应包含具有可变高度的切片图像。页脚包含一种颜色,并且固定高度为 100 像素。

所以我的切片图像有 550 像素的高度,并且将正好适合页眉和页脚之间,以防内容不会更大。

<html>
<body>
<div class="wrapper">

<div id="header">header</div>

<div id="mainframe">INSIDE HERE SHOULD BE PLACED THE SLICED IMAGE BUT THE CONTENT IS MORE THAN 550PX</div>

<div class="push"></div><!--Push for sticky footer-->

</div><!--Wrapper -->

<div class="footer">footer</div>
</body>

example

现在的问题是,我的内容将大于 550 像素,并且由于褪色,会有硬边,您可以看到图像结束的位置。所以我认为如果可以自动调整切片背景图像的大小就好了。

有没有办法通过使用 css 来实现这一点?

非常感谢。

最佳答案

简短回答:不幸的是,没有办法使用 CSS 调整背景图片的大小。

通常,使用 background-repeat:repeat-x 有一个巧妙的解决方法;或背景重复:重复-y;属性,并使用精心切割的背景图像。

如果您有图像示例,我可能会提供更多帮助。

关于html - 自动调整背景图像的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13708101/

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