我有一个列表div,其透明度设置为50,在这个div内,我想显示一些不透明度100的文本,
这里是我的意思:
<div id="outer"> <div id="inner"> Text </div> </div>
CSS将是:
#outer { opacity: 0.5; } #inner { opacity: 1.0; }
我尝试过,但它不行。
请帮忙
问候
解决方法
一个简单而兼容的解决方案是去除所有的不透明度,并使用:
#outer { background: url(50%-transparent-white.png); background: rgba(255,255,0.5) }
>支持rgba的浏览器将使用带有rgba的第二个背景声明。
>浏览器that do not将忽略第二个背景声明并使用.png。
.png在IE6中不起作用,但这是unlikely成为一个问题。如果是,it can be resolved。
原文地址:https://www.jb51.cc/css/219921.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。