文字不透明

这篇文章主要介绍了css3实现背景透明文字不透明的示例代码的相关资料,内容挺不错的，现在分享给大家，也给大家做个参考。 最近遇到一个需求，要在图片上显示带有半透明背景的文字，效果如下图所示： 需求.png 看到这个需求之后，第一反应是使用CSS3中的opacity设置元素的透明度。 背景透明，文字也…

这篇文章主要介绍了css实现背景图片透明而文字不透明效果的两种方法,需要的朋友可以参考下 摘要: 方法一(毛玻璃效果)：背景图 + 伪类 + flite:blur(3px) 方法二(半透明效果)：背景图 + 定位 + background:rgba(255,255,255,0.3) CSS实现背景图…

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外…