背景rgba透明ie兼容性

  1. css:
  2. background:rgba(255,255,255,.2);
  3. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff);
  1. background: #000;
  2. filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
  3. -moz-opacity:0.5; /*Firefox私有,透明度50%*/
  4. opacity:0.5;/*其他,透明度50%*/

注:开始颜色startColorstr=#33ffffff, 结束颜色endColorstr=#33ffffff 实现渐变

一般两个值写一样即可

#33ffffff相当于background:rgba(255,255,255,.2);

    startColorstr,endColorstr最前面的两位是透明度,后面6位是背景色值

来自为知笔记(Wiz)

时间: 2024-08-05 03:21:50

背景rgba透明ie兼容性的相关文章

CSS设置元素背景为透明

IE浏览器下设置元素css背景为透明: background-color: rgb(0, 0, 0); filter: alpha(opacity=20); 非IE浏览器下设置元素css背景为透明: background-color: rgba(0, 0, 0, 0.2); 兼容各类浏览器设置css背景为透明办法,即两者合并设置css: (ie 不支持 rgba,所以rgba不会起作用) background-color: rgb(0, 0, 0); filter: alpha(opacity=

背景 颜色透明,但文字不透明

一般浏览器 在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明. background:rgba(255, 255, 255, 0.2)!important; IE浏览器 (背景设置透明,文字要relative才能不透明) 而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明, 因此只有在透明容器的子节点(文本节点除外)内设置position:

css 设置元素背景为透明

要设置某一元素的背景为透明,在 chrome .firefox.opera 下是这样的: [css] view plain copy background-color: rgba(0, 0, 0, 0.4); rgba 中的最后一个参数 0.4 就是想要的透明度,范围在0-1之间. 在 ie 中一般是这样的: [css] view plain copy background-color: rgb(0, 0, 0); filter: alpha(opacity=40); opacity 表示透明度

Python用PIL将PNG图像合成gif时如果背景为透明时图像出现重影的解决办法

最近在用PIL合成PNG图像为GIF时,因为需要透明背景,所以就用putpixel的方法替换背景为透明,但是在合成GIF时,图像出现了重影,在网上查找了GIF的相关资料:GIF相关资料 其中有对GIF帧数处理的说明,需要在GIF图像的header中设置disposal的处置方法 然后我们可以查看PIL库中关于GIF的定义文件GifImagePlugin.py 1 disposal = int(im.encoderinfo.get("disposal", 0)) 2 3 if trans

div的背景是不是透明的

div的背景是不是透明的: 建议:尽可能的手写代码,可以有效的提高学习效率和深度. 这个问题比较简单,但是可能对于初学者比较陌生,例如,有的初学者可能认为div的背景颜色是白色的,因为有时候看起来就是这样的.下面通过一个实例来证明一下是不是这样的.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" conte

ie6背景透明的设置方法 ie6背景颜色透明和png图像透明解决方法

IE6浏览器,让我们又爱又恨.爱它的是,可以让我们写的代码的时候,可以更标准,恨的是,它有太多无厘头的IE6常见bug(详情点击),让我们焦头烂额.现在现在用百度浏览器调查,国内占有率不到6%了,但是,就怕碰到需要调兼容ie6的网站. 其中,一个IE6常见问题就是IE6透明背景问题了.透明背景主要分背景颜色透明和背景图片或者png图片透明问题. 一.IE6背景颜色透明 一般浏览器,给一个盒子透明背景写法是 :opacity: 0.5;   -moz-opacity: 0.5;-webkit-op

使用photoshop,把图片背景变成透明

鄙人使用的是photoshop CS6,win7系统,好了废话不多说,我们开始吧 1.打开photoshop,选择一个要编辑的图片 2.在右下角的图层面板上用鼠标左键快速双击背景图层为图片解锁 3.在左边的工具栏中选择魔术棒工具 4.点击鼠标右键,再在弹出的菜单中选择"羽化" 5.在弹出的对话框中设置为"1"像素,点确定 6.按Delete键删除背景,多次重复此操作,直到删完背景为止(也可以按住shift键,选中多块区域,一次性删除) 7.另存为想要的图片格式 使用

解决PNG图片在IE6中背景不透明的问题

1.解决PNG图片在IE6中背景不透明的CSS与JS代码   -   TOP JS代码  function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) &a

css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+

css3背景颜色渐变属性 兼容性测试基础环境为:windows系统:IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法: <linear-gradient>:linear-gradient([ <point>,]? <color-stop>[, <color-stop>]+); <point>:[ left | right ]? [ top | bottom ]? || <a