文字不透明，背景透明

最新推荐文章于 2022-02-25 09:10:27 发布

weixin_30758821

最新推荐文章于 2022-02-25 09:10:27 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/web-Knowledge/p/7065401.html

<div class="box">文字不透明，背景透明</div>

<style>
　　*{
　　　　padding:0;
　　　　margin:0;
　　}
　　.box{
　　　　background:rgba(255,0,0,0.5);
　　　　filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF8080,endcolorstr=#FF8080);/*此时的值为半透明效果后的颜色值*/
　　　　height:200px;
　　　　color:#fff;
　　　　line-height: 200px;
　　}
</style>