在页面布局中使用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'); }