div半透明 文字不透明

近日有个网友问我,怎么样能实现div半透明文字不透明的效果呢?几天前好像我写一个用css3来做的,但他写的效果不管怎么调试都是div层里面的内容是透明的。我想了一下,用浮动层可以做到啊,具体的请看

 近日有个网友问我,怎么样能实现div半透明 文字不透明的效果呢?几天前好像我写一个用css3来做的,但他写的效果不管怎么调试都是div层里面的内容是透明的。我想了一下,用浮动层可以做到啊,具体的请看下面的代码:

123456789101112131415161718192021222324252627282930
<title>背景半透明但文字不透明</title>
<head><style>body{background: #40ed90;}#container { color: #154BA0; background: #ff0000; filter: Alpha(Opacity=10, Style=0); opacity: 0.10; position: absolute; height: 200px; width:500px; z-index:20;} #text { position: absolute; height: 200px; width:500px; text-align:center; z-index:30;}</style></head><body><div id="container"></div><div id="text">背景半透明但文字不透明</div></body>

最终的效果如下:

div半透明 文字不透明

 如果还没解决你的问题,请看这篇文章:用CSS来实现背景透明文字不透明全兼容的方法

本站部分文章来自网络或用户投稿,如无特殊说明或标注,均为本站原创发布。涉及资源下载的,本站旨在共享仅供大家学习与参考,如您想商用请获取官网版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
前端

div标签大全

2022-11-26 1:26:17

科技百科

苹果旧手机导入新手机怎么最快(旧手机数据一键迁移到iPhone 14图文教程)

2023-4-17 16:00:53

搜索