用原生js来让破ie6支持png
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (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透明代码*/
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/pro_title.png");
/*以上为IE6设置PNG透明代码*/
分享到:
相关推荐
- 虽然这些技术能让IE6支持PNG透明,但需要注意,它们是针对旧版IE的解决方案,可能不适用于其他现代浏览器。因此,编写CSS时要确保对其他浏览器(如Firefox, Chrome, Safari, Opera等)的兼容性。 9. **最佳实践*...
IE6支持PNG
在早期的Web开发中,IE6(Internet Explorer 6)是一个让开发者头疼的浏览器,尤其在处理PNG(Portable Network Graphics)格式图片时,其对PNG8和PNG24的透明支持并不完善。PNG是一种无损压缩的图像格式,支持透明...
IE6对PNG8格式的支持相对较好,但对带有Alpha通道的PNG24格式的支持则相当有限。这主要是因为IE6使用了旧版的GDI(Graphics Device Interface)来渲染图形,而不支持PNG24的Alpha透明。 解决IE6中的PNG透明问题,...
例如,`IE6支持png的jq.zip`可能包含一个jQuery插件,用于在IE6下修复PNG透明度。 3. **浮动层定位**:在网页设计中,有时我们需要让元素浮动并保持在某个位置。文件“浮动层在网页中定位.txt”可能详细介绍了如何...
在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片存在一个众所周知的问题:它不支持24位PNG图像的透明效果。这个问题给网页设计师带来了许多困扰,因为PNG格式的透明特性在其他现代浏览器中是被广泛...
总之,"让ie6支持png图档"的资源对于那些还需要照顾IE6用户的开发者来说是非常有价值的。通过学习和应用这些技术,可以提升网站在老版本浏览器上的用户体验,尽管现代浏览器已经普遍支持PNG透明,但对于那些仍然需要...
在IT行业中,尤其是在...总之,iepngfix是针对IE6浏览器PNG透明问题的一种解决方案,通过JavaScript技术实现对PNG图片的透明度支持。虽然如今已不再主流,但在过去,它为许多开发者提供了应对旧浏览器挑战的有效途径。
在早期的网页设计中,IE6(Internet Explorer 6)作为主流浏览器,其对PNG(Portable Network Graphics)图像格式的支持存在显著的问题,尤其是对于PNG-24格式的图像,它无法正确显示背景透明或者半透明效果。...
本文将深入探讨IE6支持PNG透明图片的方法,以便在使用这种浏览器时仍能实现理想的网页效果。 首先,理解问题的核心:IE6对于PNG8格式的图片可以处理简单的色调透明,但对于PNG24格式的图片则无法正确显示Alpha通道...
在互联网早期,Internet Explorer 6(简称IE6)是广泛使用的浏览器,但它存在许多兼容性问题,其中之一就是对PNG(Portable Network Graphics)图像格式的透明背景支持不足。PNG是一种先进的位图格式,提供了24位...
DD_belatedPNG.js IE6支持png图片透明度的文件使用方法: DD_belatedPNG.fix("标签ID,标签Class,标签名");
然而,Internet Explorer 6(简称IE6)对PNG格式的支持并不完善,尤其是在处理PNG的Alpha透明效果时存在局限性。这篇教程将详细介绍如何在IE6下实现PNG图片的透明效果。 首先,我们需要理解IE6对PNG透明的支持问题...
在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持问题而给开发者带来了困扰。PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但...
2. **PNGFix方法**:由Dean Edwards开发的PNGFix.js是一个JavaScript库,它通过JavaScript动态修改页面元素的CSS,使IE6能够处理PNG的透明效果。只需在页面中引入这个脚本,并将需要透明的PNG图像链接到脚本即可。 ...
IE6支持一种名为`AlphaImageLoader`的CSS滤镜,可以用来解决PNG透明问题。在CSS中,为需要透明效果的PNG图片添加以下样式: ```css .ie6pngfix { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader...
为了解决这个问题,开发者们使用了各种技术,包括JavaScript库和jQuery插件,来使IE6能够正确渲染PNG图片的透明效果。 标题"如何让IE 6支持png图片效果.zip"所指的是一个压缩包,其中包含了实现这一功能的方法和...
4 如果想使用背景平铺和定位的效果,以前的步骤做完之后,我们还要再引用 iepngfix_tilebg.js 这个js,才能使png图片在ie6中平铺时实现透明效果,像下面这样: <script type="text/javascript" src="iepngfix_...
ie6兼容png透明图片,导入js即可使ie6兼容png透明图片,无需调用。
以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...