I am reading about opacity and they give this example:
background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6);
What is the point in having the background color repeated twice, with one with opacity? If I take out background: rgb(255, 255, 255); nothing changes.
Thanks in advance for your help.
@jansentina You are right. There is no point in repeating it. You can use the rgba(255, 255, 255, 0.6); alone or you can use the following:
rgba(255, 255, 255, 0.6);
rgb(255, 255, 255); opacity: 0.6;
Here's a quick pen: http://codepen.io/srig99/pen/qdIgo.
Note that opacitychanges the text's opacity that is inside in the div too!
opacity
div
It's used as a fallback for browsers that don't support rgba.
Normally it would look something like this:
background: white; /* < IE9 */ background: rgba(255,255,255,0.6);
Thanks so much everyone!
I am reading about opacity and they give this example:
background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6);
What is the point in having the background color repeated twice, with one with opacity? If I take out background: rgb(255, 255, 255); nothing changes.
Thanks in advance for your help.
@jansentina You are right. There is no point in repeating it. You can use the
rgba(255, 255, 255, 0.6);alone or you can use the following:rgb(255, 255, 255); opacity: 0.6;Here's a quick pen: http://codepen.io/srig99/pen/qdIgo.
Note that
opacitychanges the text's opacity that is inside in thedivtoo!It's used as a fallback for browsers that don't support rgba.
Normally it would look something like this:
Thanks so much everyone!