How to use RGBA to achieve transparency in css

This article will explain in detail how css uses RGBA to achieve transparency. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Use RGBA to achieve transparency

At present, the transparency effect in Web design is mainly achieved by PNG images (but it is not well supported in IE browsers). In CSS3, transparency can be achieved directly.

Rgba (200,54,54,0.5); background: rgba (200,54,54,0.5); color: rgba (200,54,54,0.5); color: # 000; opacity: 0.5

Supported browsers: Firefox, Safari, Chrome, Opera (opacity) and IE7 (opacity, with fixes).

This is the end of this article on "how css uses RGBA to achieve transparency". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.