我有一个通过CSS设置的背景图像。
html {
background-image: url('../img/cello.jpg');
background-attachment: fixed;
background-size: 100%;
}
我计划为网站的不同页面提供不同的背景图片:所以在它上面的文字清晰是很重要的。现在,为了确保易读性,我在中间的#main内容框中有一个半透明的黑色背景:
#main {
background: rgba(0, 0, 0, 0.5);
}
然而,我真正想做的是在整个背景图像上有一个半透明的背景,因为黑盒看起来有点笨重。我试过制作一个包含整个HTML文档的<div id=#tint>
,并将rgba(0,0,0,0.5)设置为#tint,但这根本不起作用--我要么什么都不做更改,要么将整个背景变成一个简单的灰色,根本看不到背景图像。这是不可能的吗?
https://stackoverflow.com/questions/12112746
复制相似问题