隨著Web技術(shù)的迅猛發(fā)展,使用IE6的用戶已經(jīng)越來越少了。但是,對于一些老舊網(wǎng)站、企業(yè)內(nèi)部應用等,仍然需要兼容IE6。而IE6對PNG圖片的支持十分有限,這就導致PNG圖片在IE6下無法正確顯示。為了解決這個問題,我們可以使用jQuery來實現(xiàn)PNG圖片的兼容。
//判斷IE6瀏覽器 if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) { //找到所有PNG圖片 $('img[src$=".png"]').each(function() { var img = $(this); //將PNG圖片的SRC地址改為透明的GIF地址 img.attr('src', img.attr('src').replace('.png', '.gif')); //將原始PNG圖片地址存儲在img的自定義屬性中 img.attr('rc', this.src); //設置背景圖 img.css('backgroundImage', 'url(' + img.attr('rc') + ')'); }); }
以上代碼通過判斷瀏覽器類型和版本,并遍歷所有PNG圖片,將圖片地址改為透明的GIF地址,并將PNG圖片地址存儲在自定義屬性中。然后,將原始PNG圖片地址作為背景圖,這樣就能夠?qū)崿F(xiàn)在IE6下正確顯示PNG圖片。