IE6下PNG透明问题 PNG Transparent on IE6 Fixed

方法一: DD_belatedPNG

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->

这个是偶当年比较常用的方法之一~ 真心不错,严重推荐

方法二: IE PNG FIX

这个方法比较老牌了,已经发展到2.0版本,最初偶也用这种方法,后来更习惯用DD_belatePNG
,但这方法也值得推荐。基本使用方法如下:

<style type="text/css">
img, div { behavior: url(iepngfix.htc) }
</style>

方法三: CSS滤镜

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png', sizingMethod='scale')alpha(opacity=100);

最初,在CSS样式文件中采用Filter 滤镜是解决PNG在IE6下透明问题的主要方法,但此法问题及缺陷也比较多,比如会影响图片定位问题,而且不能很好的支持背景图片。

所以,这个方法不太推荐,如果是页面少数图片且不用做背景的图片可以偶尔使用以下~

评论已关闭。Comments are turned off for this article.