下一步如何正确设置背景不透明度:
<body style="background-image: url(images/background.jpg); background-color: white;
background-position: center center; background-size: 100%;
background-repeat: no-repeat">
我尝试:
background-opacity: 0.5;
但是失败了。
应该是这样的:
background-image: url(images/background.jpg) opacity: 0.5;
甚至,
opacity: .4;
不影响图像,但影响文本和整个正文。
不接受带有 div 的解决方案。
我的网页:http://shell.bshellz.net/~panzerdivision/
浏览器:firefox & chrome
最佳答案
使用 opacity
属性,改变元素本身的不透明度。
要获得透明的background-color
,您可以使用rgba()
作为背景色:
background-color: rgba(255, 255, 255, .5);
或者简写:
background: rgba(255, 255, 255, .5) url(path/to/transparent/background.png) center center no-repeat;
但是如果您需要一个透明的背景图像,图像应该本身是透明的。
顺便说一下,here is a solution为 background-image
赋予不透明度,但我不确定在这种情况下是否有用。
关于html - 如何在 body 风格的一行中正确设置背景不透明度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18488412/