Question

我将从浏览器设置完整尺寸的背景图像。向下滚动网站，正常向上滚动的图片。

我添加了这个：

#header {
    background: rgba(0, 0, 0, 0) url("../images/head.jpg") repeat scroll 0 0 / cover ;
    font-size: 0.1px;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9;
}

但这不起作用我怎么能这样做？

Answer 1

不太清楚你在说什么，但也许可以试试CSS：

#header {
/*your code here*/
background-size:100% 100%;
}

Answer 2

扎克是对的。使用位置：固定。此外，代替#header考虑使用像#background-image这样的id。这是你可以做的一个例子。

#background-image {
    background: rgba(0, 0, 0, 0) url("../images/head.jpg") center cover;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;     
    left: 0;
    width: 100%;
    height: 100%;
}

Answer 3

在CSS中添加背景大小，这适用于所有浏览器：

background: rgba(0, 0, 0, 0) url("../images/head.jpg") repeat scroll 0 0 / cover;
background-size: 100% auto;

背景图像全尺寸

3 个答案: