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中增加的这句代码：

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHRtbDVf/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

巴特西

PNG24图片兼容IE6解决的方法

最新文章

热门文章