最近在做一个网站项目,由于公司要求兼容ie6,搞得焦头烂额的。ie6下页面的问题实在太多了,png格式的背景透明化问题就是其中一个。
在网上找到了一段js代码能解决这个问题,特转过来,收藏一下。
<script type="text/javascript">
//解决ie6 png格式图片背景透明问题
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
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
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
分享到:
相关推荐
以上就是实现IE6下PNG图片透明的几种常见方法。虽然现代浏览器已经不再存在这些问题,但考虑到仍有一部分用户可能还在使用IE6,这些技术对于开发兼容性良好的网站仍然是必要的。在实际应用中,结合条件注释、CSS滤镜...
为了解决这个问题,开发者们开发了一些JavaScript解决方案,使得IE6能够支持PNG背景图片的透明显示。 一、PNG格式与透明性 PNG(Portable Network Graphics)是一种无损压缩的图像文件格式,支持透明度和丰富的色彩...
标题“解决ie6下png格式的兼容”直指这个问题的核心,即如何让IE6正确地呈现PNG图片的透明效果。这个问题的解决方案通常涉及到JavaScript或CSS的技巧。其中,"DD_belatedPNG.js"是一个常用的JavaScript库,它专门为...
本文将深入探讨如何解决IE6中的PNG图片透明问题,并提供相应的解决方案。 首先,我们需要理解问题的本质。PNG8格式支持索引色和简单的全局透明,而PNG24则支持真彩色和全透明。在IE6中,PNG24的Alpha透明通道无法...
在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片,尤其是那些包含透明效果的PNG图片,存在严重的兼容性问题。这主要源于IE6不支持PNG8以上的Alpha透明度,导致透明PNG图片在该浏览器下显示为黑色...
在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片无法支持Alpha透明度,这导致了网页设计者在使用半透明或有透明背景的PNG图像时遇到问题。为了解决这个问题,开发者们利用JavaScript编写了一些脚本...
在IE6中,PNG图像格式的透明度支持并不完善,导致许多设计师在创建具有半透明或背景透明效果的网页时遇到困难。这篇博文和相关文件提供了针对这个问题的解决方案。 PNG是一种流行且广泛使用的图像格式,它支持24位...
PNG格式支持半透明效果,但在IE6下,PNG-24图像会出现背景不透明的问题,而PNG-8虽然可以实现透明,但颜色表现有限。这个问题对于设计师来说是个挑战,因为透明背景是创建精美网页布局的重要元素之一。 为了解决IE6...
在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持不足而引发了许多问题。PNG是一种优秀的图像格式,尤其适用于需要半透明效果的设计,但IE6只支持8位的PNG图像,而不支持带有...
### 实现IE6中的PNG图片透明的两种方法 ...以上两种方法均可有效解决IE6中PNG图片透明度的问题,开发者可以根据实际需求选择合适的方法进行实现。尽管IE6已经成为历史,但这些技巧在处理遗留项目时仍然非常有用。
在IE6浏览器中,PNG格式的透明图片常常会出现显示不正常的问题,这主要是由于IE6对PNG8和PNG24格式的透明支持不足所导致。标题"ie6-png解决方案01"暗示了我们将探讨针对这个问题的解决策略,而描述中提到已经分析并...
PNG格式的图像能够提供高质量的透明度,但在IE6中,透明PNG图片会显示为不透明的黑色背景,这在网页设计中是一个巨大的挑战。为了解决这个问题,开发者们创建了专门的JavaScript插件来实现IE6下的PNG透明效果。 本...
PNG格式允许图片具有半透明效果,但在IE6中,透明PNG图片会遇到一个名为“灰色背景”的问题,即图片的透明部分会被渲染为灰色,而不是透明。 为了解决这个问题,开发者们开发了各种技术,其中一种是使用JavaScript...
### PNG图片在IE6下完美透明的JS:深入解析与实现原理 #### 一、问题背景及重要性 在Web开发的历史长河中,Internet Explorer 6(简称IE6)曾占据主导地位,但其对现代Web技术的支持有限,尤其是对PNG格式图像的...
在IE6浏览器中,PNG24格式的图片会出现透明度问题,这是由于IE6不完全支持PNG8之外的PNG格式导致的。这个问题在现代浏览器中已经不存在,但在2000年代初,对于那些需要透明效果的网页设计者来说,是个头疼的问题。...
在早期的Internet Explorer 6(简称IE6)浏览器中,PNG-24格式的图片无法正确显示透明效果,这给网页设计师带来了很大的困扰。...如果你的项目需要处理IE6下的PNG透明效果,这个插件无疑是一个值得考虑的选择。
PNG图片在Internet Explorer 6(简称IE6)中可能会遇到显示问题,这主要是由于IE6对PNG格式图像的不完全支持。PNG是一种无损压缩的位图格式,它提供了透明度的支持,但在IE6上,尤其是对于24位PNG图片,透明效果可能...
在IE6中,PNG格式的图片,尤其是那些带有Alpha透明通道的PNG图片,无法正确显示透明效果。这使得在设计网页时,如果要考虑兼容IE6,透明PNG图片的使用变得相当棘手。 jQuery库本身是一个强大的JavaScript框架,它...
"iepngfix"是一个专门解决这个问题的JavaScript插件,它使得PNG图片在Internet Explorer浏览器上可以正确显示透明效果。 iepngfix插件的工作原理主要是利用了VML(Vector Markup Language),这是一种微软为IE浏览...