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


相关推荐

  • linux clion激活码_通用破解码

    linux clion激活码_通用破解码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月17日
    339
  • ubuntu18.04安装谷歌浏览器(x浏览器)

    谷歌浏览器的安装  – 先下载谷歌浏览器的deb安装包  -https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb     -安装谷歌浏览器需执行以下两步,回到终端输入以下命令 -$sudoaptinstalllibappindicator1libindicator7 – 关闭…

    2022年4月12日
    129
  • 远程开机(外网WOL远程唤醒)「建议收藏」

    远程开机(外网WOL远程唤醒)「建议收藏」Win10开启网络唤醒功能的操作方法:PS:远程唤醒的要求1.首先,我们要在主板BIOS里面设置WOL唤醒功能的开关,大部分主板都会支持唤醒2.电脑的主板和网卡需要支持网络唤醒。一般无线网卡是不支持的,板载的有线网卡一般是可以的。3.所在网络环境需要有公网IP。如果是ADSL拨号的话,如果获取的是私网地址的话,那可以向运营商申请公网IP。4.主机跟路由器要保证一直通电,…

    2022年6月2日
    52
  • 屏幕像素密度

    屏幕像素密度屏幕像素密度含义:每英寸的像素点数 单位:dpi(dotsperich) 假设设备内每英寸有160个像素,那么该设备的屏幕像素密度=160dpi 安卓手机对于每类手机屏幕大小都有一个相应的屏幕像素密度:密度类型 代表的分辨率(px) 屏幕像素密度(dpi) 低密度(ldpi) 240×320 120 中密度(mdpi) 320×48…

    2022年6月12日
    26
  • Spring3 MVC请求参数获取的几种方法

     一、      通过@PathVariabl获取路径中的参数  @RequestMapping(value="user/{id}/{name}",method=RequestMethod.GET) public String printMessage1(@PathVariable String id,@PathVariable String name, ModelMa…

    2022年2月24日
    64
  • Pycharm使用技巧——自动调整代码格式汇总!自动化神器!

    Pycharm使用技巧——自动调整代码格式汇总!自动化神器!代码自动填充了空格问题在使用pycharm的代码编辑器时,常常懒得写空格,如下图,但这是不符合代码规范的,而且也会影响可读性。解决方法pycharm有自动调整代码格式的快捷键,默认为Alt+Ctrl+L,按下快捷键后,代码自动填充了空格。自动对齐代码问题在使用pycharm的代码编辑器时,有点时候copy的代码的没有按照代码格式对齐,如下图,但这是不符合代码规范的,而且也会影响可读性。解决方法pycharm有自动调整代码格式的快捷键,默认为Alt+Ctrl+L

    2022年8月27日
    26

发表回复

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

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