在页面<head>之间加上
<!--[if IE 6]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
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
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
OK，万事大吉！。
分享到：
相关推荐
为了解决IE6中的PNG阴影问题，我们可以利用一个名为iepngfix.htc的解决方案。iepngfix.htc 是一个行为（Behavior）文件，它是CSS扩展的一种形式，允许在HTML元素上应用脚本。通过将iepngfix.htc链接到CSS样式表，...
总的来说，解决IE6下的PNG半透明问题需要开发者对浏览器兼容性有深入理解，并能灵活运用各种技术手段。虽然随着IE6的市场份额逐渐减少，这个问题的重要性已经不如从前，但在维护旧项目或确保广泛用户群的兼容性时，...
接着，我们来看看如何处理IE6下的PNG透明阴影。IE6对PNG-24格式的支持存在问题，导致透明部分显示为黑色。解决这个问题的一种常见方法是使用AlphaImageLoader滤镜。这是一个IE特有的滤镜，可以处理PNG透明度。例如：...
在IE6中，默认情况下无法正确显示具有透明背景的PNG24图片，这导致了很多设计上的限制。为了解决这一问题，开发者们开发了一系列技术来确保PNG24图片在IE6中的正常显示。 #### 关键知识点解析 ##### 1. PNG24与IE6...
6. **PNG透明问题**：IE6对PNG-24格式的透明支持不佳，需要使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`来修复。 7. **定位问题**：IE6的绝对定位存在缺陷，需要设置`hasLayout`（如`position...
IE6对CSS2的支持有限，对于CSS3更是几乎不支持，这导致许多现代设计和布局技术在IE6下无法正确显示。例如，浮动布局、透明度、圆角、阴影等效果在IE6中可能呈现异常。因此，开发者需要借助像ie6绿色版这样的工具来...
解决方法：使用CSS条件注释或者JavaScript库如DD_belatedPNG来解决IE6的PNG透明问题。 5. **边距重叠问题（margin collapsing）** - IE和Firefox对于上下相邻的块级元素的`margin`有不同的处理方式。 - IE6/7下...
4. **PNG透明问题**：IE6不支持PNG24的透明特性，但可以通过使用`AlphaImageLoader`滤镜解决，如`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='scale')`。 5. `...
首先，要解决IE8下的png黑色边框问题，最根本的是要使用IE特有的滤镜（filter）技术，即DXImageTransform.Microsoft.AlphaImageLoader滤镜。该滤镜可以使得PNG图片在IE8中正确显示，包括其透明度效果，而不像其他...
本文将深入探讨如何使用CSS来实现在Internet Explorer（IE）和Firefox等浏览器上的半透明遮罩层效果。 首先，我们需要了解CSS中的`opacity`属性，它是实现半透明效果的关键。`opacity`属性用于设置元素的不透明度，...
png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小... 把下面的代码放在head区就可以解决问题了。 [removed] functioncorrectPNG() { for
对于兼容性问题，我们需要关注IE6不支持的一些高级CSS特性，如渐变、阴影等。我们可以使用PNG图片作为背景，来模拟这些效果。例如，`apply2.png`可能是用于创建渐变背景的图片，而`cross.png`和`textfield_key.png`...
此外，IE7.js还提供了对CSS伪类和伪元素（如`:hover`、`:first-child`等）的支持，以及对透明度、PNG24位透明图片和一些JavaScript增强功能的改进。 2. **IE8.js**：在IE8.js中，除了包含IE7.js的所有修复之外，它...
例如，`iepngfix`库可以解决`PNG`透明度问题，`DD_belatedPNG`库则可以帮助处理`PNG24`在IE6下的渲染。 在实际开发中，考虑到`IE6`的市场份额和用户量已非常小，很多开发者选择逐步放弃对它的支持，转而专注于现代...
5. 颜色和字体：IE6不支持`rgba()`颜色和`@font-face`字体引入，需要使用`hex`颜色和`png`透明图片，或者采用`filter`滤镜处理。 二、解决方案 1. 使用条件注释：通过HTML的条件注释，针对不同版本的IE应用不同的...
7. **PNG透明度**： IE8对PNG24位透明图像支持不佳，可以使用`AlphaImageLoader`滤镜解决： ``` .pngfix { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'...
7. **PNG透明度**：IE6不支持PNG24位的透明，需要使用`AlphaImageLoader`滤镜解决。 8. **事件处理**：IE使用`attachEvent`，非IE浏览器使用`addEventListener`，需要封装函数来统一处理。 9. **JavaScript变量...
例如，IE6不支持PNG透明度，而IE7以上版本开始支持CSS2.1，但对CSS3的支持较弱。Firefox和Chrome则对新特性如Flexbox、Grid布局和CSS动画有着良好的支持。 在设计阶段，我们需要遵循渐进增强和优雅降级的原则。渐进...
在Firefox中，`clear:both`通常能解决问题，但在IE中可能需要额外的空元素或使用`zoom:1`触发hasLayout。如今，更推荐使用`:before`伪元素配合`clear:both`来清理浮动。 4. PNG透明度：IE6不支持PNG24的透明效果，...