在Web前端開發中,經常會遇到IE6不能正確顯示PNG圖片透明的問題。但是,我們可以使用jQuery解決這個問題。
首先,我們需要引入一些jQuery插件:
<script src="jquery-1.11.1.min.js"></script> <!--IE6 PNG透明修正--> <!--[if IE 6]> <script src="DD_belatedPNG_0.0.8a-min.js"></script> <![endif]-->
接下來,我們需要寫一些jQuery代碼去修正IE6下PNG透明的問題:
$(function() { if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) { DD_belatedPNG.fix('*'); } });
這段代碼判斷當前瀏覽器是否為IE6,如果是IE6瀏覽器,就調用DD_belatedPNG插件修正PNG透明的問題。
使用了以上代碼之后,我們再次加載PNG圖片,IE6下就能正常顯示PNG透明了。