`
我家树苗三岁半
  • 浏览: 4559 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

IE6 修正 png 透明

ie6 
阅读更多
IE6 再次让我蛋疼了。本来在FF很好看得页面,又被IE6一轮强  奸之后变得不堪入目了有木有!
又要夹紧菊花百google度了有木有!
以下是种过比较简单的解决方法,太懒了,搜到一种就满足了。

第一步:下载一个叫DD_belatedPNG.js
具体地址:http://www.dillerdesign.com/experiment/DD_belatedPNG/#download

第二步:在页面中以下代码处理。上面网址也有介绍。首先引入刚下载的js,
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg, img');
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]--> 
[
<style>
.png_bg{
      /**你的css样式*/
}
</style>



说明以下:  DD_belatedPNG.fix('.png_bg, img');就是把css选择器放到里面(这个貌似只是背景图变透明而已,css下面的img标签的图片还是不变,貌似只是貌似)
如有多个css可以用逗号隔开,也可以在里面配置 img 标签 ,但是非常坑爹的不能配body。
懒人就到此了,够我用了。加个DD_belatedPNG.js附件 ,哈哈。
分享到:
评论

相关推荐

    png在ie6下半透明js修正

    总的来说,"png在ie6下半透明js修正"这个主题涉及到了前端开发中的浏览器兼容性问题,尤其是如何通过JavaScript和CSS滤镜技术来解决IE6对PNG半透明支持的不足。理解并掌握这种方法对于进行跨浏览器的Web开发是非常...

    解决ie6 PNG透明问题——两种方法都好用哦

    通过这种方式,我们可以针对IE6浏览器执行专门的脚本来修正PNG透明显示问题。 ##### 实现步骤 1. **添加条件注释**:首先,在HTML文档头部加入如下条件注释: ```html &lt;!-- [if IE 6]&gt; function correctPNG() ...

    png透明显示IE6

    标题“png透明显示IE6”涉及的是一个古老但仍然具有一定现实意义的问题,即如何在Internet Explorer 6(简称IE6)浏览器中正确显示PNG格式图片的透明效果。PNG是一种流行的图像格式,支持丰富的颜色和透明度,但在IE...

    修正IE6下透明PNG背景显示问题

    用于修正IE6浏览器下透明PNG背景显示不正常(未灰色)的问题

    最全透明图片浏览器不兼容问题解决方案

    描述中提到,文章提供了一系列逐步递进的解决方案,以应对IE6浏览器对PNG透明图片的不兼容问题。这些方法旨在帮助开发者在不牺牲设计质量的情况下,确保网站在IE6上的正常显示。 首先,一种简单但可能不完美的解决...

    ie6绿色版绝对好用,调试CSS

    5. **PNG透明度支持**:IE6对PNG8格式的透明度支持良好,但对PNG24格式的透明度处理不佳,需要特殊处理。 6. **JavaScript库**:一些JavaScript库如jQuery提供了对IE6的兼容性支持,可以帮助解决一些交互和渲染问题...

    IE6, IE7, IE8 CSS 兼容速查表

    6. **PNG透明问题**:IE6对PNG-24格式的透明支持不佳,需要使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`来修复。 7. **定位问题**:IE6的绝对定位存在缺陷,需要设置`hasLayout`(如`position...

    bootstarp 3.0兼容ie7

    6. **PNG透明度支持**: IE7对PNG透明度的支持有限,可能需要使用AlphaImageLoader滤镜或其他方法来修复。 7. **DOCTYPE声明**: 使用正确的DOCTYPE声明,如`&lt;!DOCTYPE html&gt;`,可以确保IE7进入标准模式,避免怪异...

    css 在ie7与ie8下的差别

    IE7对透明PNG图片的支持有限,可能出现颜色偏差,而IE8对此有了更好的处理。 9. **渐变和圆角** IE7和IE8都不支持CSS3的渐变和圆角,需要使用滤镜或者JavaScript库来模拟。 10. **响应式设计** IE8开始支持媒体...

    IE 标准文档

    例如,可以使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`来处理PNG透明效果。 **七、渐进增强与优雅降级** 在面对IE的兼容性挑战时,渐进增强(Progressive Enhancement)和优雅降级...

    aui-artDialog

    制订皮肤: 九宫格布局, 钩子完善,制作皮肤相当简易, 内置IE6 png 32透明和定位解决方案。 IE6无抖动静止定位: 在IE6下可实现与现代浏览器一样完美静止定位效果 IE6遮盖下拉控件支持: 支持 IE6 下覆盖下拉控件 (注:半...

    if IE 7.doc

    1. **PNG透明度支持**:IE7对PNG24格式的透明图片支持不佳,需要使用特定的CSS hack来实现透明效果。 2. **浮动元素问题**:IE7有时会处理浮动元素的方式与其他浏览器不同,可能导致布局错位。 3. **盒模型问题**:...

    用JAVASCRIPT修正12个常见的浏览器问题

    2. **IE6 PNG 透明支持**:IE6及更早版本不支持PNG透明。`IE7.js`库可使这些旧版IE支持透明PNG,同时修复CSS问题。此外,`iFixPng`插件则提供对PNG图片和CSS背景图片透明度的支持,包括对`background-position`的...

    IE6兼容性问题及IE6常见bug详细汇总

    - **PNG半透明问题**:IE6不支持PNG的Alpha透明,可以使用JavaScript库如DD_belatedPNG进行修复,但最好在设计时避免使用半透明PNG。 - **IE6的圆角**:由于IE6不支持CSS3的圆角,可以使用图片或JavaScript库实现...

    IE6与CSS样式兼容问题汇总

    IE6不支持PNG-24格式的透明效果,这导致设计师无法使用高质量的透明图片。为了解决这个问题,开发者可以使用JavaScript库如DD_belatedPNG,或者选择使用PNG-8格式,虽然颜色深度有限,但支持透明效果。另外,减少或...

    最全前端面试题-2.2(浏览器兼容问题篇-上百篇题集整理1个月).doc

    - **PNG透明问题**:IE6不支持PNG24位透明,可以使用CSS滤镜`filter`解决。 - **a标签下方间隙**:在IE6中,图片链接下方有间隙,可以通过`display:block`消除。 3. **其他兼容性问题**: - **标准模式与怪异...

    div+css浏览器兼容问题

    - **使用第三方JavaScript库**:如DD_belatedPNG,它可以解决PNG透明度问题,但同样会增加页面加载时间。 ### 2. Flash与div的Z-index冲突 在Flash盛行的时代,当Flash对象与div元素在同一页面上重叠时,Z-index值...

    Isay 简单的笔记程序 v2.0.2.rar

    此外,IE6浏览器并不支持PNG图像的透明效果,这在很多现代网页设计中是个常见的问题。Isay v2.0.2通过技术手段解决了这个问题,使得在IE6下,PNG图片也能正确显示其透明效果,确保了程序在不同浏览器下的视觉一致性...

    巨人CMS 专注企业建站的CMS v1.1.6 UTF8.rar

    新版本 唯一集成SEO关键字热度...1. 对界面进行了修复,IE6下PNG的透明问题解决 2. 修复了一些BUG。 V1.1.2 to v1.1.6 升级说明  1. 安装包加入了short_open_tag验证 2. 修正了IIS PHP环境下文章列表出错的BUG

Global site tag (gtag.js) - Google Analytics