CSS for transparent background, text opaque, compatible with all browsers

Before doing the project, use the Opacity property, but after this attribute is used, not only the background will be translucent, the text on the background will also become translucent.

Obviously it is not advisable to use the Opacity property to achieve this effect.

In the CSS3 we can use Background-color:rgba (); To achieve, RGB is the color of the background to display, A is the transparency of the background, so as to achieve the effect we want. I personally did the experiment, hope can help everyone, thank you.

CSS for transparent background, text opaque, compatible with all browsers