资讯专栏INFORMATION COLUMN

CSS3背景色透明(兼容IE8)

archieyang / 2356人阅读

摘要:标准浏览器通过实现背景色透明以下浏览器通过特有滤镜实现背景色透明。前三个值控制颜色取值范围为,第四个值控制透明度,表示完全透明,表示完全不透明。

标准浏览器通过rgba()实现背景色透明;IE8以下浏览器通过特有滤镜实现背景色透明。

代码如下:

1 1 /* IE8 */
2 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
3 3 
4 4 /* 标准浏览器 */
5 5 background-color: rgba(0, 0, 0, 0.6);

上述代码中:

  1. 7F000000(十六进制):前两位数值控制透明度,00表示完全透明,FF表示完全不透明;后六位控制颜色。
  2. rgba(red, green, blue, alpha):前三个值控制颜色,取值范围为0-255,第四个值控制透明度,0表示完全透明,1表示完全不透明。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1402.html

相关文章

  • Background背景透明RGBA和opacity的对比实例(转载)

    摘要:浏览器的兼容性如果庞统说是制作透明色透明背景色透明边框色透明前景色等,大家不由会想起这个东西。 Background背景色透明RGBA时间:2013-03-16 00:44│来自: 信有UED│作者:JUN│点击:9704次RGB不用说,大家都知道是什么,但RGBA是什么呢? 1 2 background : rgb ( 0 , 0 , 0 ) ; background : rgba ...

    Pines_Cheng 评论0 收藏0
  • Background背景透明RGBA和opacity的对比实例(转载)

    摘要:浏览器的兼容性如果庞统说是制作透明色透明背景色透明边框色透明前景色等,大家不由会想起这个东西。 Background背景色透明RGBA时间:2013-03-16 00:44│来自: 信有UED│作者:JUN│点击:9704次RGB不用说,大家都知道是什么,但RGBA是什么呢? 1 2 background : rgb ( 0 , 0 , 0 ) ; background : rgba ...

    jindong 评论0 收藏0
  • CSS3 巧妙实现聊天气泡

    摘要:想必大家都知道,这里不赘述,聊一聊其他实现方法。这里的三角形部分可以使用正方形代替,实现同样效果,方法就是旋转小正方形使其一部分露在外面。 showImg(https://segmentfault.com/img/bVEcKn?w=4136&h=1956); 前一阵子敢玩的 Mobile 页改版完成了,就之前的页面风格更加扁平化,从暗色系为主背景转到亮色背景,去掉更多的阴影,给用户简约...

    bang590 评论0 收藏0
  • the compatibility problem of ie

    摘要:下的兼容问题处理背景透明,圆角,和支持部分选择器例如支持的语义化标签,媒体查询等。在页面头部优先加载需要的插件,因为部分插件需要依赖所以需要最先加载。注意顺序,插件优先添加。这个路径是相对的路径。 ie8hack ie8下的兼容问题处理:背景透明,css3圆角,css3和jquery支持部分css3选择器(例如:nth-child),支持html5的语义化标签,媒体查询@media等。...

    DobbyKim 评论0 收藏0
  • the compatibility problem of ie

    摘要:下的兼容问题处理背景透明,圆角,和支持部分选择器例如支持的语义化标签,媒体查询等。在页面头部优先加载需要的插件,因为部分插件需要依赖所以需要最先加载。注意顺序,插件优先添加。这个路径是相对的路径。 ie8hack ie8下的兼容问题处理:背景透明,css3圆角,css3和jquery支持部分css3选择器(例如:nth-child),支持html5的语义化标签,媒体查询@media等。...

    GeekQiaQia 评论0 收藏0

发表评论

0条评论

archieyang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<