Opacity CSS中的背景图像不透明度
如何更改背景图像的不透明度和仅更改背景?我不想改变页面上的任何内容 我的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;
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关于它有许多优秀的文章,请参阅:,