在所有主流浏览器上使用css的不可见(透明)字体颜色

时间:2013-11-18 12:49:04

标签: css

使用黑色或白色等任何颜色时,是否可以使字体(字体颜色)透明?只需让字体慢慢消失,就像display:none一样。感谢

2 个答案:

答案 0 :(得分:11)

您可以使用css属性

opacity: 0; 

,您将无法选择文字

color: transparent;

您将有机会选择文字。

如果你想慢慢看一下jQuery函数.fadeOut() http://api.jquery.com/fadeOut/.animate() http://api.jquery.com/animate/

答案 1 :(得分:3)

您可以使用RGBA颜色,其中最后一级是alpha(透明度),例如:

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

红色,不透明度为30%。 IE9 +,Firefox 3 +,Chrome,Safari和Opera 10 +支持RGBA值。

您还有HSLA,例如:

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

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