码迷,mamicode.com
首页 > 其他好文 > 详细

PNG24图片兼容IE6解决办法

时间:2014-05-18 06:47:11      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   c   java   

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

bubuko.com,布布扣

bubuko.com,布布扣

网上试过的很多办法都很难实现,要嘛就是效果不好,那现在最好的办法就是直接调用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(‘这里放用到的标签名,多个标签逗号隔开‘) ;

bubuko.com,布布扣


bubuko.com,布布扣

PNG24图片兼容IE6解决办法,布布扣,bubuko.com

PNG24图片兼容IE6解决办法

标签:style   blog   class   code   c   java   

原文地址:http://blog.csdn.net/html5_/article/details/25958325

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!