How to set transparency of html font color

The transparency of the font color can be set in HTML by setting the fourth parameter a in the rgba() function, which ranges from 0 (fully transparent) to 1 (fully opaque). This works in modern browsers, but in IE 8 and earlier you can use the opacity property and the filter property to achieve the same effect.

HTML font color transparency setting

In HTML, you can use the rgba() function to set the transparency of the font color. rgba() The function accepts four parameters:

• r: Red component (0-255)
• g: Green component (0-255)
• b: Blue component (0-255)
• a: Transparency (0- 1)

Among them, the a parameter represents transparency, ranging from 0 (completely transparent) to 1 (completely opaque).

How to use:

<p style="color: rgba(255, 0, 0, 0.5);">红色，50% 透明度</p>

The red text in the example above will have 50% transparency.

Note:

• rgba() function only works in modern browsers.
• IE 8 and earlier do not support rgba().
• To set transparency in IE 8 and earlier, you can use the opacity property and the filter property.

Example:

<!-- IE 8 -->
<p style="opacity: 0.5; filter: alpha(opacity=50);">红色，50% 透明度</p>

You can easily set any desired transparency for HTML text by using the rgba() function.

The above is the detailed content of How to set transparency of html font color. For more information, please follow other related articles on the PHP Chinese website!