在所有主要浏览器上使用CSS实现透明字体颜色

Question

在使用黑色或白色等颜色时，是否可能使字体（字体颜色）透明？只需让字体慢慢消失，就像 display:none。 谢谢。

- Sarfaraz Alam

Answer 1

你可以使用CSS属性

opacity: 0; 

你将无法选择文本，

或者

color: transparent;

然后您将有机会选择文本。

如果您想让这个过程慢慢地出现，请查看jQuery函数 .fadeOut() http://api.jquery.com/fadeOut/ 或者 .animate() http://api.jquery.com/animate/

- Aida_Aida

Answer 2

您可以使用RGBA颜色，其中最后一个级别是alpha（透明度），例如：

color:rgba(255,0,0,0.3);

这是30%不透明度的红色。 RGBA值由IE9+，Firefox 3+，Chrome，Safari和Opera 10+支持。

您还可以使用HSLA，例如：

color: hsla(0,100%,50%,0.6);

同样，最后一个值alpha设置透明度。

- SW4