6

我想获得全屏背景图像，但只有宽度，而不是高度，就像这里

我一直在玩，background-size:cover;但它覆盖了整个页面 - 我只想覆盖一定的高度。

4

3 回答 3

2

怎么样background-size: 100% 80%（例如）。
您可以更改第二个值，即高度。

这是一个小提琴。

于 2013-08-02T06:16:14.560 回答
2

您提到的网站只是在具有固定height和width: 100%.

例如，您提到的网站使用：

header {
   height: 460px;
   margin-top: -69px;
   overflow: hidden;
   padding: 0px;
   width: 100%;
}

注意代码块中的高度，background-image: cover只是意味着缩放背景图像以适应空间。

于 2012-12-18T12:55:35.197 回答
2

所以我找到了我要找的东西：

CSS：

#header-wrapper{
   top: 0;
   left: 0;
   height: auto;
   position: absolute;
   width: 100%;
}

HTML：

<div id="header-wrapper">
    <img src="image.jpg" width="100%" style="border-bottom:1px solid black;">
</div>

感谢所有的帮助！

于 2012-12-19T21:05:20.353 回答