PNG24图片兼容IE6解决的方法

Posted 2020-09-29 mthoutai

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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(‘这里放用到的标签名，多个标签逗号隔开‘) ；

技术分享

以上是关于PNG24图片兼容IE6解决的方法的主要内容，如果未能解决你的问题，请参考以下文章