css中，如何设置前景色的透明度？

全栈程序员-站长 • 2021年9月20日下午8:00 • 未分类 • 阅读 85

css中，如何设置前景色的透明度？

谢谢

我等待的他 | 浏览 255446 次

推荐于2016-01-13 12:27:03 最佳答案

css控制透明度倒不麻烦。

filter:alpha(opacity=50); 

-moz-opacity:0.5; 

opacity:0.5;


举个例子：

通过ie6 ie7 ie8 ff3 opera 谷歌 safari测试

#test{
     

background-color:#0000CC;

filter:alpha(opacity=50); 

-moz-opacity:0.5; 

opacity:0.5;

width:100px;

height:100px;}


但是还是会有很多问题，浏览器兼容性问题，等

而且IE滤镜的频繁使用会使浏览器的执行效率降低。


所以不提倡过多使用。


也还有其他方法可以模拟，比如用宽高都是1px的透明png图片覆盖等等。



LZ自己举一反三啊，前景色不就是color么

#test{
     

background-color:#000}

#test span{
     

color:#fff;

zoom:1 

filter:alpha(opacity=50); 

-moz-opacity:0.5; 

opacity:0.5;

}

前景色透明度




LZ看看“前景色透明度”这几个字是不是纯白色，还是白色的50%透明。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/114295.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

checkbox选中和不选中 jqu_jquery checkbox 选中不选中[通俗易懂]

checkbox选中和不选中 jqu_jquery checkbox 选中不选中[通俗易懂]展开全部$(function(){//动态绑定默认状态//$(“#ck”).attr(“checked”,true)//选中//$(“#ck”).attr(“checked”,false)//未选中//点击判断选中还是未选中$(“#ck”).click(function(){if($(this).is(“:checked”)){alert(“选中”);}else{alert…

全栈程序员-站长
2022年6月30日
22
model.addattribute()的作用___attribute__()

model.addattribute()的作用___attribute__()在前台用JS写的脚本方法，除了可以直接用在前台控件的属性中，还可以在后台运用。即在后台页面加载时，调用JS方法。语法格式有两种，如下：1.第一种写法：控件ID名.Attributes.Add(“事件名称”，“JS方法”);如：一个按钮控件Button1.Attributes.Add(“onclick”，“returnconfirm(‘确认？’)”);2.另一写法…

全栈程序员-站长
2022年9月26日
4
视频 |Java高性能优化电商秒杀

视频 |Java高性能优化电商秒杀

全栈程序员-站长
2022年2月13日
44
电视处理器a53和a55哪个厉害(cortexa55处理器好吗)

小编语：手机处理器从32位向64位的迁移过程中，功耗增加以及给手机厂商带来的散热成为一个很大的问题。目前Cortex-A57已经是64位手机处理器芯片的主流内核，它的功耗不降下来，更多手机功能的开发可能受限于系统总功耗而无法实现，ARM这次推出的Cortex-A35显然在这方面下了不少功夫，究竟能给手机厂商带来多少实惠，还要等终端产品推出后才见分晓……64位元处理器应用版图…

全栈程序员-站长
2022年4月13日
751
linux修改nginx端口_nginx默认配置文件

linux修改nginx端口_nginx默认配置文件我们都知道nginx默认使用80端口，有时候我们希望nginx运行在其他端口，就需要更改nginx配置nginx配置文件在/etc/nginx目录下的nginx.conf。在nginx.conf->http选项末尾有引入两个目录下的文件分别为：http{#省略部分内容include/etc/nginx/conf.d/*.con

全栈程序员-站长
2025年10月9日
2
tomcat java_maven和java有什么区别

tomcat java_maven和java有什么区别缓存什么是缓存[Cache]存在内存中的临时数据将用户经常查询的数据放在缓存(内存)中，用户去查询数据的时候就不用从磁盘上(关系型数据库数据文件)查询，从缓存中查询，从而提高查询效率，解决了高并发系统的性能问题。为什么使用缓存减少和数据库的数据交换次数，较少系统开销，提高系统效率什么样的数据库能使用缓存经常查询并且不经常改变的数据Mybatis缓存MyBatis 内置了一个强大的事务性查询缓存机制，它可以非常方便地配置和定制。默认情况下，只启用了本地的会话缓存，它仅

全栈程序员-站长
2022年8月9日
5

发表回复

关注全栈程序员社区公众号