Question

如何更改背景图像的不透明度以及仅改变背景？我不希望页面上的任何内容发生变化。

我的CSS代码：

html {background: url(http://fc04.deviantart.net/fs28/f/2008/131/2/7/Crumpled_white_paper_texture_by_melemel.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

Answer 1

您不应该使用css更改图像，更好地使用编辑器操作图片

此外，您无法在后台执行此操作，因为不透明度仅适用于<img>等HTML元素，因为它的css属性不会影响background等其他属性。

所以我认为你必须改变整个身体

Answer 2

试试这个：

html {
    position: relative;
    height: 100%;
}

html:before {
    content: '';
    background: url(http://fc04.deviantart.net/fs28/f/2008/131/2/7/Crumpled_white_paper_texture_by_melemel.jpg); 
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.8;
}

Demo

CSS中的背景图像不透明度

2 个答案: