Question

我希望有人可以帮助我。

我设置了一个背景图片，我想覆盖整个网站。

这就是我使用的原因：

 html {
     background: url('../img/bg/girl_on_sunny_day.jpg') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
 }

虽然我希望背景图片能够覆盖视图，但我并不想修复它。这意味着，如果向下滚动，图像就不再可见了。我想这是不可能的，唯一可能的方法是，有一个大的div标签，100％宽度和自己的背景图像。对？现在我正在写它...我想我要测试它。请原谅我同时点击＆＃34;发表您的问题＆＃34;按钮。

http://jsfiddle.net/6L9uH/

我也有一个h1-Tag，正好位于导航栏下面，但它并没有显示为h1标题，我不知道为什么。

Answer 1

而不是background-size: cover使用background-size: 100% auto。根据口味调整高度属性。

CSS background-image：封面，但允许在图像下滚动

1 个答案: