首页 > 代码库 > PNG24图片兼容IE6解决办法

PNG24图片兼容IE6解决办法

2024-07-04 22:03:16   226人阅读

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


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

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

首先看下代码：

<script src="https://code.csdn.net/snippets/IE6PNG.js" type="text/javascript"></script>
<!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=http://www.mamicode.com/‘js/IE6PNG.js‘></script>>
注意一下在body中加入的这句代码：

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

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


联系
我们