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