PNG24图片兼容IE6解决办法

很多人都遇到一个问题:那就是PNG不能正常显示,比如:


网上试过的很多办法都很难实现,要嘛就是效果不好,那现在最好的办法就是直接调用JS插件,解决! 点击下载

现在说一下怎么用这个文件吧!

首先看下代码:

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>PNG24兼容IE6</title>
  <style type='text/css'>
	html,body {
		margin: 0;
		padding: 0;
	}
	.con{
		width:300px;
		height:300px;
		background:#fcf;
	}
	.con span {
		display:block;
		width: 80px;
		height: 80px;
		background:url('png24.png');
	}
	.con a {
		display:block;
		height:80px;
		width:80px;
		background:url('png24.png');
	}

  </style>
 </head>
 <body>


<!-- 
[if ie 6]>
	<script src='js/IE6PNG.js'></script>
	<script type='text/javascript'>IEPNG.fix('div,span,a,img')</script>
<![endif] -->

<div class='con'>
	<img src='png24.png' alt='' title='' />
	<span></span>
	<a></a>
	
</div>

 </body>
</html>


<!--http://url.cn/O9YnJI-->

注意一下在body中加入的这句代码:

<!-- 
[if ie 6]>
<script src='js/IE6PNG.js'></script>
<script type='text/javascript'>IEPNG.fix('div,span,a,img')</script>
<![endif] -->

在css中将需要使用透明PNG的元素写进IEPNG.fix里,哪个标签用到png24就在 IEPNG.fix('这里放用到的标签名,多个标签逗号隔开') ;



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值