What is the difference between opacity and that through alpha channel (rgba)?

css opacity rgba
Sreehari K M picture Sreehari K M · Jan 10, 2013 · Viewed 12.5k times · Source 
div { background-color: rgb(255,0,0); opacity: 1; }

div { background-color: rgba(255,0,0,1); }

What is the difference between the above two?

Answer

Krishnaprasad Varma picture Krishnaprasad Varma · Jan 10, 2013

Opacity sets the opacity value for an element and all of its children; While RGBA sets the opacity value only for a single declaration.

This is well explained here. http://www.css3.info/introduction-opacity-rgba/

Related questions

CSS: lighten an element on hover

Assuming an element is at 100% saturation, opacity, etc... how can I have its background become slightly lighter when it is hovered? The use case is that I'm allowing a user to hover over any element on a page. I don't …

Read More
How to set html input field transparent on a transparent div?

I have a div set transparent with rgba and want on that div an input field which also has a transparent background. The problem is that the input field background is not rendered transparent. It works if I use opacity:0.8; …

Read More
changing rgba alpha transparency with jquery

Possible Duplicate: jQuery + RGBA color animations hey, i want to change the opacity of an rgba value on hover, but the opacity stays at .07.. maybe ou can help me find the mistake. CSS (IE hacks are in seperate file - …

Read More