Apply transparent background, but not the inside text content.

Apply transparent background to HTML element only

To overcome this issue, We have to use rgba value property for parent element.

Syntax
background: rgba(red, green, blue, opacity);

Example:


  .demo{
   background: rgba(81, 91, 162, 0.8); 
 }

Note: Opacity property is not supported in IE older version browsers. We can use CSS3PIE approach for achieving same CSS3 effects.

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *