背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)

  发布时间:2013-07-03 15:41:50   作者:佚名   我要评论
本文以背景黑色,透明度0.5举例为大家详细介绍下关于背景透明,文字不透明的最佳方法同时兼容IE,具体实现如下,感兴趣的朋友可以参考下哈希望对大家有所帮助
以背景黑色,透明度0.5举例

非IE:background:rgba(0,0,0,0.5);

IE: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);

PS:#7f000000 其中7f是透明度0.5转换成16进制的数值,000000是黑色的16进制数值

具体数值转换可以参考 https://www.jb51.net/web/89577.html

我个人认为这个写法是最好的,无需单独定义背景层,代码精简,本人一直在用,兼容IE6,有更好的解决办法,欢迎留言探讨

相关文章

  • 部分透明的蒙版效果实现思路(兼容ie6)

    与普通的蒙版效果不一样,需要有一个空白的地方显示页面上原有的动态内容,具体的实现思路如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-13
  • 纯CSS实现背景半透明文字不透明效果兼容IE6

    在某些情况下可能会需要背景半透明文字不透明这样的效果,实现起来并不复杂,通过滤镜便可做到,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-05
  • 滤镜使用之图片透明的css写法

    图片透明在某些特殊的情况下还是比较实用的,下面是用滤镜写的图片透明代码,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-04
  • 使用滤镜解决IE6下png图片不能透明(被渲染成默认色)的问题

    IE6不支持透明,所有的透明部分,都被渲染成灰色或白色(不知道啥颜色,他自己的默认色)。这样看起来难看不说,圆角的功能荡然无存,下面与大家分享下使用滤镜解决此问题
    2013-06-20
  • 格式png24透明底 多种解决png24格式图片在ie6中透明问题

    图片透明,锯齿问题是重构人员很头疼的问题,png24可以解决这些锯齿问题,但是ie6不支持png24透明,不过利用ie6的hack问题有两种解决的办法,感兴趣的朋友可以了解下哈
    2013-05-24
  • 背景半透明效果CSS链接样式代码

    想不想要自己的主页链接很炫呢,背景半透明的链接效果,空链接实现的链接效果,只需要定义一个特效式的CSS样式即可以实现,在需要实现的地方应用定义的CSS样式,也可以全站
    2013-02-27
  • img 半透明 处理img加半透明背景实现思路及代码

    img加半透明背景实现原理:给li加上背景,li的大小就是图片的大小,在a:hover时候改变a的透明度,感兴趣的朋友可以了解下,希望本文可以帮助到你
    2013-01-13
  • IE6下Png透明最佳解决方案DD_belatedPNG

    曾经一度的采用滤镜的方法搞定这个问题,弊端是当有多个png图片的时候,这就造成了css的压力,得写多少css代码呀,也尝试过js,缺点是不支持CSS中backgrond-position与back
    2013-09-11

最新评论