mthoutai

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

非常多人都遇到一个问题:那就是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('这里放用到的标签名,多个标签逗号隔开') ;



posted on 2017-07-23 17:41  mthoutai  阅读(257)  评论(0编辑  收藏  举报