首页 » Web技术 » HTML/CSS » 正文

PNG透明图片在IE6下显示不正常的解决办法

在页面布局中使用png图片时,在IE6下经常显示不正确,这里几种解决办法,有用javasctipt解决的,也有用纯css解决的,希望可以帮到有需要的童鞋。

方法一:Javascript方法

在<head></head>之间加入如下代码,并把png图片的class值传入到下面.logo位置即可。

<!--[if IE 6]>
<script language="javascript" src="/js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
<script language="javascript">
DD_belatedPNG.fix('.logo');    
</script>
<![endif]-->

注:DD_belatedPNG_0.0.8a-min.js文件可以到网上下载一个。

方法二:用png图作背景

要注意hack
html代码

<div><a href="/">logo</a></div>

css代码

.logo { 
width: 338px;
height: 57px; 
float: left; 
background: url(/images/logo.png) 0px 0px no-repeat!important; 
text-indent: -1000px; 
_background-image: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', senabled='true', sizingMethod='scale'); }

 

 

发表评论