在IE6中对图片格式png24支持度不高,如果使用的图片格式是png24,则会导致透明效果无法正常显示
解决方法:
1.可以使用png8来代替png24,即可解决问题,但是使用png8代替png24以后,图片的清晰图会有所下降
2.使用JavaScript来解决该问题,需要向页面中引入一个外部的JavaScript文件,然后在写一下简单的JS代码,来处理该问题
js代码地址:https://pan.baidu.com/s/1zwHv9VT0rJlVC1YtJaLWTw
例子:
<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px; background-image: url(img/3.png); background-repeat: no-repeat; } .box2{ width: 200px; height: 200px; background-image: url(img/4.png); background-repeat: no-repeat; } </style> </head> <body style="background-color: #bfa;"> <div class="box1"></div> <div class="box2"></div> <img src="img/3.png"/> <!-- 在body标签的最后引入外部的JS文件 --> <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script> <!--再创建一个新的script标签,并且编写一些js代码 --> <script type="text/javascript"> DD_belatedPNG.fix("*"); </script> </body> </html>
特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢