css中,如何设置前景色的透明度?

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)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 关于insertBefore是怎么使用的

    关于insertBefore是怎么使用的insertBefore接收两个参数第一个参数是将要进行插前操作的对象第二个参数是被插前的对象也可以称为参考对象调用者为你要操作的元素的父级如下例:<!DOCTYPE ht

    2022年7月2日
  • Xshell 7 提示 “要继续使用此程序,您必须应用最新的更新或使用新版本”

    Xshell 7 提示 “要继续使用此程序,您必须应用最新的更新或使用新版本”Xshell7忽然不能用,提示“”要继续使用此程序,您必须应用最新的更新或使用新版本“”解决办法:修改电脑的系统时间。右下角日期-右键“调整日期/时间(A)”-手动设置日期和时间-将日期调整到2017年即可。之前Xshell6和Xshell5也会包这样的错误,是因为xshell比较傻叉,需要你强制更新到最近版本否则就不能使用。也解决办法就是找到xshell的解决目录,用UE打开nslicense.dll文件:xshell6和xshell5解决的具体步骤步骤1:下载U…

    2022年7月15日
  • .Net Framework 中设置Web Proxy 的方法

    .Net Framework 中设置Web Proxy 的方法正在进行MapAPI到.NetFramework平台移植。涉及到HttpConnection.其中可能用到Webproxy的设置。有两种简单的方法。WebProxyproxy=newWebProxy(“proxyaddress”,port);proxy.Credentials=newNetworkCredential(“username”,”pa

    2022年6月21日
  • 百度2015校园招聘前端笔试题(西安站)

    百度2015校园招聘前端笔试题(西安站)

    2021年12月15日
  • k8s kubedns_docker+k8s

    k8s kubedns_docker+k8sK8s应用部署方式的演变kubernetes简介kubernetes组件kubernetes组件调用关系的应用示例kubernetes概念应用部署方式的演变应用部署方式的演变• 在部署应用程序的方式上,主要经历了三个时代:传统部署:• 互联网早期,会直接将应用部署在物理机上。• 优点:简单,不需要其他的技术参与。• 缺点:不能为应用程序定义资源的使用边界,很难合理的分配计算机资源,而且程序之间容易产生影响。虚拟化部署:• 可以在一台物理机上运行多个虚拟机,每个虚拟机都是独立的一个环境。

    2022年8月9日
  • guns spring 单元测试[通俗易懂]

    guns spring 单元测试[通俗易懂]guns spring 单元测试

    2022年4月21日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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