兼容ie6的png格式图片的背景透明问题

如果png图片是以背景显示的话有两种方法去掉实现背景透明:

  1.background:url(../images/spot_01.png) no-repeat !important;background:none\9;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src="images/spot_01.png");一定要注意图片的路径问题src="images/spot_01.png"),我之前就因为这个路径折腾了我半天,但是这种方法有个局限性,作为背景不能实现平铺。

 2.第二种方法就用js去实现,这种方法可以实现背景的平铺

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    #cc{background:url(images/btn.png);padding:60px}
    </style>

<!--[if IE 6]>
<script type="text/javascript" src="js/0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#cc');
</script>
<![endif]-->
</head>
<body>
<div id="cc"></div>
</body>
</html>

如果png图片是以<img scr="  "/>显示的话实现背景透明也是用到js,直接那个页面应用js文件就可以了:

<script src="js/png.js" type="text/javascript"></script>

用到的js

  /Files/ok123/js.rar

原文地址:https://www.cnblogs.com/ok123/p/2513552.html