CSS如何单独控制字体透明?

html-css016

CSS如何单独控制字体透明?,第1张

使用CSS的Chroma滤镜可以把字体颜色设置为透明样式。

<style type="text/css">

<!--

body{background-color:#999999}

/*滤镜中设置的颜色要和字体的颜色相同*/

#tm{color:#FF0000filter:chroma(color=#FF0000)

}

-->

</style>

将Chroma滤镜的颜色和字体的颜色设置为相同时,不论网页的背景颜色如何设置,字体的颜色都会显示为透明。

在浏览器中查看使用CSS滤镜把字体的颜色设置为透明的显示效果。如下图所示:

可以使用{opacity: 0.5} 这个属性既是透明度,或者可以给文字加RGBA颜色,比如{ color: rgba(0, 55, 255, 0.87)}最后的0.87同opacity

<div style="height: 60background-color: redfilter:alpha(opacity=20)">meizz</div>

alpha 透明滤镜