someone how to combine Texture use as background-image and Background-color above that texture ?
Here the texture :
I want my body background page to be like this :
I'm struggling with backroung-image and background-color : http://jsfiddle.net/87K72/
body{
background: #6DB3F2 url('http://s13.postimg.org/j0qiscsw3/cream.png');
}
You can use an overlay div with an alpha channel on top of your body but under your other elements.
jsFiddle example
<h1>I want blue color above my texture</h1>
<div id="cover"></div>
body {
background: url('http://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;
}
It looks like your texture here lacks an alpha channel. It's not semi-transparent, it's really white.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With