`

IE兼容性,IE下png透明重复背景有阴影解决

    博客分类:
  • CSS
阅读更多

官网及实例:http://www.dillerdesign.com/experiment/DD_belatedPNG/

 

使用说明:导入js:

#include("/js/DD_belatedPNG.js")

if(_IsIE6()){
    window.attachEvent("onload", correctPNG);
    jQuery(window).load(function() {
    	DD_belatedPNG.fix('.activity_detail_img');
    });
}

function correctPNG() { 
    var arVersion = navigator.appVersion.split("MSIE") 
    var version = parseFloat(arVersion[1]) 
    if ((version >= 5.5) && (version < 7) && (document.body.filters)) { 
       for(var j=0; j<document.images.length; j++) { 
          var img = document.images[j] 
          var imgName = img.src.toUpperCase() 
          if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { 
             var imgID = (img.id) ? "id='" + img.id + "' " : "" 
             var imgClass = (img.className) ? "class='" + img.className + "' " : "" 
             var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " 
             var imgStyle = "display:inline-block;" + img.style.cssText 
             if (img.align == "left") imgStyle = "float:left;" + imgStyle 
             if (img.align == "right") imgStyle = "float:right;" + imgStyle 
             if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle 
             var strNewHTML = "<span " + imgID + imgClass + imgTitle 
             + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" 
             + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
             + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
             img.outerHTML = strNewHTML 
             j = j-1 
          } 
       } 
    }     
} 

 

分享到:
评论

相关推荐

    IE6中觉得PNG格式图片阴影的方法

    为了解决IE6中的PNG阴影问题,我们可以利用一个名为iepngfix.htc的解决方案。iepngfix.htc 是一个行为(Behavior)文件,它是CSS扩展的一种形式,允许在HTML元素上应用脚本。通过将iepngfix.htc链接到CSS样式表,...

    IE6下完美解决png图片半透明问题

    总的来说,解决IE6下的PNG半透明问题需要开发者对浏览器兼容性有深入理解,并能灵活运用各种技术手段。虽然随着IE6的市场份额逐渐减少,这个问题的重要性已经不如从前,但在维护旧项目或确保广泛用户群的兼容性时,...

    IE6兼容PNG24图片

    在IE6中,默认情况下无法正确显示具有透明背景的PNG24图片,这导致了很多设计上的限制。为了解决这一问题,开发者们开发了一系列技术来确保PNG24图片在IE6中的正常显示。 #### 关键知识点解析 ##### 1. PNG24与IE6...

    css在firefox IE的兼容性(案例分析及解决方案)

    本篇文章将深入探讨12个常见的CSS在Firefox和IE之间的兼容性问题,并提供相应的解决方案。 1. **盒模型差异**:Firefox遵循W3C标准,将边框和内边距计算在元素的总宽度和高度内,而IE6/7使用的是其特有的盒模型,将...

    js倒圆角以及IE6png阴影的hack

    本篇文章将详细探讨JavaScript实现倒圆角以及解决IE6下PNG图片阴影的兼容性问题。 首先,我们来讨论JavaScript实现倒圆角的方法。在CSS3中,我们可以使用`border-radius`属性轻松创建倒圆角效果,但IE6至IE8并不...

    IE6, IE7, IE8 CSS 兼容速查表

    在网页设计领域,Internet Explorer(简称IE)的6、7、8版本曾是开发者们面临兼容性问题的主要挑战。...通过这份速查表,开发者可以快速查找并解决IE6、7、8中遇到的CSS兼容性问题,从而提高网站的跨浏览器兼容性。

    Firefox和IE兼容参考

    综上所述,解决Firefox和IE兼容性问题需要对各个层面的差异有深入理解,并采用适当的技术和策略。通过良好的编码习惯、使用兼容性库、充分的测试,开发者能够创建出在多种浏览器环境下都能稳定运行的网页应用。

    ie8兼容h5css3解决方案

    在IT行业中,尤其是在Web开发领域,浏览器...然而,随着技术的发展,越来越多的用户和企业已经转向了现代浏览器,对于新项目,建议优先考虑支持现代标准,对于仍需兼容IE8的项目,则需结合这些兼容性解决方案进行适配。

    DIV+CSS网页中IE和火狐兼容问题的整理

    然而,在实际应用中,由于不同浏览器的解析和渲染机制存在差异,尤其是在IE(Internet Explorer)和Firefox之间,这种差异可能导致兼容性问题。以下是对这些兼容性问题的详细梳理和解决策略。 1. **盒模型差异** -...

    前端不同浏览器兼容性解决办法

    1. IE的PNG透明问题:IE6不支持PNG24的透明,可以使用CSS滤镜解决,如`filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='scale');` 2. Flexbox和Grid布局:这两种新的...

    CSS兼容IE8代码

    以下是一些关键的CSS知识点和解决策略,以确保在IE8中获得良好的兼容性: 1. **条件注释**: 在HTML的`&lt;head&gt;`标签内,可以使用条件注释来针对性地为IE8加载特定的CSS文件。例如: ``` &lt;!--[if IE 8]&gt; ...

    html IE兼容问题

    总之,面对HTML和CSS在IE浏览器中的兼容性问题,开发者需要有耐心和策略,通过合理的技术选型和代码优化,确保网页在各种环境下都能良好运行。同时,随着IE浏览器逐渐被Edge取代,关注现代浏览器的兼容性也变得...

    Firefox IE兼容教程

    5. **PNG透明度**:在IE6中,PNG24图像的透明度处理有问题,可以使用CSS滤镜解决,如`filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')`。 6. **IE专有属性和...

    IE6_IE7_IE8 CSS 兼容速查表

    4. **PNG透明问题**:IE6不支持PNG24的透明特性,但可以通过使用`AlphaImageLoader`滤镜解决,如`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='scale')`。 5. `...

    IE系列js(IE7.js、IE8.js、IE9.js)

    在前端开发过程中,IE浏览器(Internet Explorer)的兼容性问题一直是一个棘手的挑战,尤其是在IE7、IE8和IE9这些旧版本中。IE7.js、IE8.js和IE9.js是专为解决这些问题而设计的JavaScript库,它们允许开发者在这些老...

    浏览器兼容(支持IE和firefox)

    7. **PNG透明度**:IE6不支持PNG24位的透明,需要使用`AlphaImageLoader`滤镜解决。 8. **事件处理**:IE使用`attachEvent`,非IE浏览器使用`addEventListener`,需要封装函数来统一处理。 9. **JavaScript变量...

    CSS兼容IE和Firefox的技巧集合.rar

    这个"CSS兼容IE和Firefox的技巧集合"压缩包提供了针对这两种浏览器的兼容性解决方案。 首先,我们要理解浏览器之间的差异主要源于对CSS标准的实现不一致。例如,IE常常遵循其自己的盒模型,而Firefox等现代浏览器...

    在IE流览器中正确显示PNG透明图片

    标题中的“在IE流览器中正确显示PNG透明图片”是指在Internet Explorer(IE)浏览器中解决PNG图像透明度无法正确显示的问题。PNG是一种支持透明度的图像格式,它允许图像具有半透明或完全透明的区域,使得图像可以...

    好看的CSS按钮(兼容IE6)

    对于兼容性问题,我们需要关注IE6不支持的一些高级CSS特性,如渐变、阴影等。我们可以使用PNG图片作为背景,来模拟这些效果。例如,`apply2.png`可能是用于创建渐变背景的图片,而`cross.png`和`textfield_key.png`...

    jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法

    但值得注意的是,如果紧接着这个声明后面没有其他浏览器的兼容性声明,那么在非IE浏览器中可能仍会出现不支持透明PNG的问题。因此,通常会紧接着使用一个兼容性写法,比如: ```css background-image: url(../...

Global site tag (gtag.js) - Google Analytics