有人如何将用作背景图像的纹理和该纹理上方的背景颜色结合起来?
这是纹理:
我希望我的正文背景页面是这样的:
我正在努力处理背景图像和背景颜色:http://jsfiddle.net/87K72/ http://jsfiddle.net/87K72/
body{
background: #6DB3F2 url('http://s13.postimg.org/j0qiscsw3/cream.png');
}
您可以在身体顶部但在其他元素下方使用带有 alpha 通道的叠加 div。
jsFiddle 示例 http://jsfiddle.net/j08691/87K72/1/
<h1>I want blue color above my texture</h1>
<div id="cover"></div>
body {
background: url('https://i.stack.imgur.com/oslRB.png');
}
h1{
position:relative;
z-index:2;
}
#cover {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(109,179,242,0.5);
z-index:1;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)