IE6浏览器png图片问题

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

在IE6浏览器中,对png-24图片格式的支持度不高,若使用的图片格式是png-24,则会导致透明效果无法正常显示。

解决方法:

  • 使用png-8代替png-24
    此种方法虽然可以解决问题,但是图片的清晰度会有所下降,影响用户体验。
  • 使用JavaScript解决
    需要引入一个外部的JavaScript文件,之后编写简单的js代码即可解决该问题。

在body标签的最后引入外部的js文件并编写如下代码:

<!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"><script>
    <script type="text/javascript">
        DD_belatedPNG.fix("img");
    <script>
<![endif]-->

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/68.html