IE8不兼容rgba()如何处理

这次给大家带来IE8不兼容rgba()如何处理,处理IE8不兼容rgba()的注意事项有哪些,下面就是实战案例,一起来看一下。

rgba()是css3的新属性,所以IE8及以下浏览器不兼容,这怎么办呢?终于我找到了解决办法。

解决办法

我们先来解释以下rgba

rgba:

rgba的含义,r代表red,g代表green,b代表blue,a代表透明度。

rgba(0,0,0,.5) 这样就代表了黑色,透明度为0.5

要想解决在IE8下的透明度问题,可以增加这样一句话:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);    /*IE8支持*/
 

这句话本来是做渐变用的,但是这里没有渐变效果所以startColorstr和endColorstr设置为同一种颜色。

这里的#7f000000,# 7f 代表的是透明度, 000000 代表的是颜色,下面是透明度的对应表: 

IE8不兼容rgba()如何处理

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

怎样使用phonegap查找联系人

phonegap播放音频详解

以上就是IE8不兼容rgba()如何处理的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2909231.html

(0)
上一篇 2025年3月11日 03:56:33
下一篇 2025年3月11日 03:56:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 详解CSS3 RGBA色彩模式使用实例代码

    这篇文章主要以设计带有阴影边框的表单为例,为大家介绍了css3 rgba色彩模式使用方法,感兴趣的小伙伴们可以参考一下 RGBA色彩模式是RGB色彩模式的扩展,在红,蓝,绿三原色的基础上增加了不透明度参数。语法如下: rgba(r,g,b,…

    2025年3月11日
    200
  • CSS3设置RGB颜色的实例

    网页制作Webjx文章简介:使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。            使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其…

    2025年3月11日
    200
  • 怎样操作纯JS操作Cookie

    这次给大家带来怎样操作纯js操作cookie,操作纯js操作cookie的注意事项有哪些,下面就是实战案例,一起来看一下。 cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。…

    编程技术 2025年3月10日
    200
  • linear-gradient的使用详解

    这次给大家带来linear-gradient的使用详解,使用linear-gradient的注意事项有哪些,下面就是实战案例,一起来看一下。 CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gr…

    2025年3月10日 编程技术
    200
  • opacity透明度滤镜的IE兼容解决方法

    这次给大家带来opacity透明度滤镜的IE兼容解决方法,使用opacity透明度滤镜的注意事项有哪些,下面就是实战案例,一起来看一下。 CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透…

    编程技术 2025年3月10日
    200
  • IE6下兼容问题的解决方案

    这次给大家带来IE6下兼容问题的解决方案,解决IE6下兼容问题的注意事项有哪些,下面就是实战案例,一起来看一下。 常见问题一:在Ie6下,内容会把父元素设置好的宽高撑开。计算一定要精确 .box{width:400px;}.left{wid…

    2025年3月10日 编程技术
    200
  • IE8下的nth-child()兼容问题如何处理

    这次给大家带来IE8下的nth-child()兼容问题如何处理,处理IE8下的nth-child()兼容问题的注意事项有哪些,下面就是实战案例,一起来看一下。 一、代码 ul{list-style: none}p ul li{width:1…

    2025年3月10日
    200
  • CSS3中使用RGBa来调节透明度的方法

    这篇文章主要介绍了css3中使用rgba来调节透明度的教程,rgba是rgb色彩模型的一个扩展,这个缩写词代表红绿蓝三原色的首字母,alpha值代表颜色的透明度或者说不透明度,需要的朋友可以参考下 在 CSS3 中,增加了一个 opacit…

    2025年3月10日
    200
  • css如何设置透明度?设置透明度的两种方法(代码实例)

    在前端页面开发布局的时候,为了给用户呈现不同的效果,经常需要设置透明度,那么css是怎样设置透明度的?本章给大家介绍用css设置透明度的两种方法(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 推荐手册:css在…

    2025年3月10日
    200
  • W3C盒子模型与IE盒子模型有什么区别

    我们通过实例来看看它们有什么不同: (推荐学习:css快速入门) 一个盒子模型如下:margin:20px,border:10px,padding:10px;width:200px;height:50px;   现计算出两种盒子模型下盒子的…

    2025年3月10日
    200

发表回复

登录后才能评论