`
deng131
  • 浏览: 673581 次
  • 性别: 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
分享到:
评论

相关推荐

    淘宝SDK模块代码 能兼容ie6ie7ie8以及firefox的css透明滤镜

    这个名为“淘宝SDK模块代码 能兼容ie6ie7ie8以及firefox的css透明滤镜”的资源,旨在解决一个核心问题:如何在不同浏览器间,特别是老旧的Internet Explorer(IE6、IE7、IE8)和Firefox上实现一致的CSS透明效果。...

    ie6透明图片js

    `DD_belatedPNG`是一个广泛使用的JavaScript库,由Dean Edwards开发,它的目标是让IE6支持PNG透明度。这个库的工作原理是检测浏览器类型,如果检测到是IE6,它会创建一个新的Vml元素(Vector Markup Language,微软...

    IE6不支持opacity半透明 BUG的解决方法

    关于IE6不支持opacity半透明BUG的解决方法,我们首先需要了解的是,IE6浏览器对于CSS3中的opacity属性不支持,该属性用于设置元素的透明度。这个属性在大部分现代浏览器中得到了支持,使得元素的透明度能够被调整。...

    IE6, IE7, IE8 CSS 兼容速查表

    2. **透明度支持**:IE6不支持CSS的`opacity`属性,但可以通过滤镜(filter)实现透明效果,如`filter:alpha(opacity=50)`。IE7和IE8则部分支持`opacity`,但效果不如现代浏览器稳定。 3. **浮动元素的清除**:IE6...

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

    本文将深入探讨CSS的透明度属性`opacity`以及针对IE浏览器的滤镜`filter`的使用方法,确保在不同浏览器间实现一致的透明效果。 `opacity`属性在CSS3中被引入,允许我们设定一个元素的总体透明度,取值范围从0到1。...

    IE6图片背景透明

    PNG是一种支持透明度的图像格式,但IE6对PNG-24格式的透明支持不完全,导致图片背景无法透明显示,而PNG-8虽然支持透明,但颜色表现力有限,无法满足复杂的图像需求。 解决IE6图片背景透明的方法主要有以下几种: ...

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

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

    IE6透明解决方案,背景图片透明

    1. **PNG-24格式的问题**:IE6对PNG-24格式的图像支持不佳,这种格式可以提供丰富的色彩和透明度,但在IE6下会出现全透明或半透明部分显示为黑色的问题。 2. **Alpha Image Loader滤镜**:微软为解决PNG透明问题...

    ie6浏览器下图片透明

    在IE6浏览器中,由于其对CSS和图像处理的限制,图片透明度是一个常见的问题。在现代浏览器中,我们可以轻松地使用PNG格式的图片并利用CSS的`opacity`属性实现透明效果,但在IE6中,这却是一个挑战。本文将深入探讨...

    CSS透明度定义

    /* 设置IE6-8下的透明度为50% */ } ``` 2. **使用前缀扩展**:某些浏览器可能需要特定的前缀来支持透明度设置。例如,Firefox 和 Safari 在早期版本中分别使用`-moz-opacity`和`-khtml-opacity`。 ```css ....

    IE6 图片背景透明

    IE6仅支持滤镜(filter)属性来实现透明效果,其中`alpha()`函数用于调整透明度。例如,要在图片上设置50%的透明度,可以这样写: ```css img.ie6-transparent { filter: alpha(opacity=50); } ``` 这段CSS代码会...

    IE低版本支持png透明问题

    对于“IE低版本支持png透明问题”,这个问题主要涉及到Internet Explorer(IE)浏览器早期版本(如IE6、IE7)对PNG图像格式透明度的支持。PNG是一种高质量的位图格式,其支持alpha通道透明度,但在IE6等旧版本中,对...

    IE5,IE6,IE7,IE8的css兼容性列表

    此外,IE7对透明度的支持需要借助滤镜(filter)属性,而不是通用的opacity属性。 最后,IE8在2009年发布,对CSS2.1的支持有了长足进步,同时开始支持一些CSS3特性,如渐变、阴影和边框圆角。然而,IE8仍然保留了IE...

    ie6BUG解决方案

    /* 设置50%透明度 */ zoom: 1; /* 触发hasLayout */ } <![endif]--> ``` 2. PNG24透明:IE6对PNG8格式的图像支持透明,但不支持PNG24的Alpha通道透明。为了解决这个问题,开发者可以使用JavaScript库,如DD_...

    IE6下PNG图片透明教程

    PNG(Portable Network Graphics)格式是一种支持透明度的图像文件格式,但在IE6中,PNG8和PNG24的透明特性无法完全支持,导致许多设计和开发工作遇到困扰。本教程将详细介绍如何解决IE6下PNG图片的透明问题。 首先...

    IE 6下图片与背景图片的透明

    IE6支持CSS滤镜属性,通过`filter:alpha(opacity=XX)`可以设置图片的透明度,其中`XX`代表0到100的不透明度值,100表示完全不透明,0表示完全透明。例如,要让一个图片变为50%透明,可以这样写CSS: ```css img.ie6...

    兼容IE6的遮罩层

    `filter: alpha(opacity=50)`为IE6和7提供了50%的透明度,而`opacity: 0.5`则是针对其他非IE浏览器的。 此外,为了确保遮罩层始终覆盖整个页面,我们使用`width: 100%`和`height: 100%`来设置全屏大小。对于弹出框`...

    PNG图片透明兼容IE6和火狐示例

    5. **CSS使用**:在CSS中,可以使用`background-image`属性设置PNG图片作为背景,同时通过`opacity`或`filter`属性控制透明度,对于IE6需要添加特定的滤镜属性,如`filter:progid:DXImageTransform.Microsoft....

    ie6 png 透明实现方法

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持问题,给开发者带来了不少困扰。PNG(Portable Network Graphics)格式的图片在其他现代浏览器中能够很好地支持透明效果,但在...

    div+css 完全兼容 样式兼容性 ie6 ie7 IE8 IE9 和firefox方法

    8. **渐变和透明度**:IE6-8不支持CSS渐变和透明度,可以使用图片或滤镜(如`filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#color', endColorstr='#color')`)作为替代。 9. `display`属性...

Global site tag (gtag.js) - Google Analytics