Opacity CSS中的背景图像不透明度

Opacity CSS中的背景图像不透明度,opacity,Opacity,如何更改背景图像的不透明度和仅更改背景?我不想改变页面上的任何内容 我的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;

如何更改背景图像的不透明度和仅更改背景?我不想改变页面上的任何内容

我的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;}

你不应该用css改变图片,最好用编辑器来处理图片

此外,您不能在后台执行此操作,因为不透明度仅适用于HTML元素,例如,因为它是css属性,所以不会影响其他属性,例如后台

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

试试这个:

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;
}

如果您只想更改背景的不透明度,您可以使用图像编辑器简单地更改图像的不透明度,这可能会更简单、更清晰。您可以通过internet搜索“背景css不透明度”,我可以在css-tricks.com上找到解决方案。谢谢!这个成功了!请你解释一下编码好吗?我是一个网页设计新手。我想了解编码,而不是一直复制和粘贴代码。@user3123883关于它有许多优秀的文章,请参阅:,