`
deng131
  • 浏览: 662231 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE6,IE7下设置透明度opacity问题

阅读更多
在前端开发中经常被问到IE下这个bug问题:

ie6下是因为haslayout的原因,为了触发haslayout属性,更简单的办法就是它设置zoom:1;即可,而且没有任何副作用。

.opacity{opacity:0.3;filter:alpha(opacity:40);zoom:1}


参考:
http://www.ilovejs.net/archives/178
分享到:
评论

相关推荐

    js和jQuery设置Opacity半透明 兼容IE6

    透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的,IE使用滤镜filter的alpha属性,firefox和其它浏览器不支持滤镜,它们使用opactiy属性设置透明度,下面示例设置透明度为30%: IE:filter: alpha(opacity:...

    详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法

    CSS3的透明度属性opacity想必大家都已经用...而对于不支持CSS3的浏览器如何进行透明处理,保持浏览器效果的一致,本篇文章主要介绍了详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法,有兴趣的可以了解一下。

    原生js和jquery中有关透明度设置的相关问题

    下面我介绍一下在原生js和jQuery中设置透明度的相关问题和注意点: 1 透明度样式设置 透明度在IE浏览器和其他相关浏览器中的设置方法不太相同,IE使用filter:alpha属性,firefox使用opactiy属性,下面示例设置透明...

    CSS3中的Opacity多浏览器透明度兼容性问题

    用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari: IE: filter:alpha(opacity) Mozilla: -moz-...

    CSS3中的opacity属性使用教程

    RGBA和opacity 语法: R:红色值。正整数 | 百分数 G:绿色值。正整数 | 百分数 B:蓝色值。正整数| 百分数 A:透明度。取值0~1之间 CSS Code复制内容到剪贴板 ...opacity声明用来设置一个元素的透明度

    CSS3教程(8):CSS3透明度指南

    “opacity”声明用来设置一个元素的透明度:层、文字、图片等…一个opacity的值为1的元素是完全不透明的,反之,值为0是完全透明的,看不见的。1到0之间的任何值都表示该元素的透明程度。 浏览器兼容性 opacity是...

    JavaScript CSS 修改学习第四章 透明度设置

    在JavaScript里面设置透明度 我用下面的代码来设置透明度: 代码如下: function setOpacity(value) { testObj.style.opacity = value/10; testObj.style.filter = ‘alpha(opacity=’ + value*10 + ‘)’; } 在...

    CSS 透明度属性

    除了IE之外,目前主流浏览器, Opera 9.0及更高版本,Safari 1.2(WebKit 125) 及更高版本,chrome等等都支持opacity这个设置透明度的属性,opacity的属性值是0<number<1的数值,默认值是1。 例如50%透明的...

    css中filter:alpha透明度使用小结兼容IE、火狐

    Alpha,设置透明度。 用法: 复制代码代码如下: FILTER:alpha(opacity=80);/* 设置不透明度为80 */ filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) Opacity:...

    CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]

    对于Firefox来说,用opacity就能完成透明化设置了,所以上面的-moz-opacity参考一下。 还有请注意,上面的属性会将元素内的所有内容都透明化,包括文字与图片,所以如果想要背景半透明的话,目前推荐的方法是用PNG...

    微信小程序 ---- 导航栏随滚动透明渐变

    该demo采用了opacity和background的rgba两种方法来实现导航栏随滚动透明渐变,但是需要注意的是不兼容IE8及以下的IE浏览器,原因:由于IE8及以下的透明度设置不支持CSS3的opacity属性和rgba颜色值!

    IE、FF浏览器下修改标签透明度

    代码如下: // FF 浏览器 document.getElementById(“IMG1”).style.opacity = “0.5”; // IE 浏览器 document.getElementById(“IMG1”).style.filter = ‘alpha(opacity=50)’; W3C标准的写法跟FF浏览器一样.

    IE4.0以上支持的滤镜属性表

    Alpha 设置透明度 Blru 建立模糊效果 Chroma 把指定的颜色设置为透明 DropShadow 建立一种偏移的影象轮廓,即投射阴影 FlipH 水平反转 FlipV 垂直反转 Glow 为对象的外边界增加光效 Grayscale 降低图片的彩色度 ...

    让IE支持CSS3的不完全兼容方案

    到Internet Explorer 8为止,IE系列是不支持CSS3的。...元素的透明度在IE中可以很方便的用滤镜来实现。 复制代码代码如下:background-color:green;opacity: .4;filter:progid:DXImageTransform.Micros

    CSS3不透明度实例讲解

    如何设置透明度?定义opacity属性,通过设置该属性能够使任何元素呈现出半透明效果,opacity属性的基本语法如下: |inherit 取值说明: 1、|是由浮点数和单位标识符组成的长度值。不可为负值,默认值为1.opacity取值...

    原生js实现fadein 和 fadeout淡入淡出效果

    js里面设置DOM节点透明度的函数属性:filter= “alpha(opacity=” + value+ “)”(兼容ie)和opacity=value/100(兼容FF和GG)。 先来看看设置透明度的兼容性代码: 代码如下: function setOpacity(ele, opacity) {...

Global site tag (gtag.js) - Google Analytics