2. IE6 PNG 圖片通明支持

IE6及早期的版本不支持png圖片透明.雖然可以使用一些小竅門令I(lǐng)E5.5或IE6支持png透明,但這不是理想的方式而且難于使用. 讓我們來看看能做點(diǎn)什么,以支持IE6的用戶,同時(shí)使絕大部分的網(wǎng)站訪客能充分獲得透明帶來的好處.

2.1 加強(qiáng)IE6使其支持透明

IE7.js 是由Dean Edwards編寫一個javascript庫,加強(qiáng)了MSIE(IE6, IE5)的行為,使其看起來就像兼容標(biāo)準(zhǔn)的瀏覽器一樣.它修復(fù)了IE5與IE6下的許多CSS問題并能使png透明正常工作.它還允許使用先進(jìn)的CSS選擇器.

• 查看演示
• 源代碼下載

2.2. iFixPng improved

它修復(fù)了IE6及更早版本的png圖片問題,包括所有圖片元素及使用CSS設(shè)定的背景圖片. 這個插件是原來的jQuery插件 iFixPng 的改進(jìn)版本.特征有: 修復(fù)指定圖片或帶背景圖元素的問題*, 支持使用了CSS背景中background-position屬性的圖片, 還修復(fù)了IE絕對定位的問題. (bottom: -1px || bottom: 0px)

• 查看演示
• 源代碼下載

3. 用JavaScript改變CSS類

這是一個簡單的JavaScript函數(shù),它可以改變當(dāng)前文檔中任何元素的類.當(dāng)要在運(yùn)行時(shí)使用CSS類代替硬編碼的樣式值改變樣式時(shí),這個函數(shù)非常有用.

代碼:

function changeClass(oldClass, newClass) {
    var elements = document.getElementsByTagName("*");
    for( i = 0; i < elements.length; i++ ) {
        if( elements[i].className == oldClass ) elements[i].className = newClass;
    }
}

function changeClass(oldClass, newClass) {    var elements = document.getElementsByTagName("*");    for( i = 0; i < elements.length; i++ ) {        if( elements[i].className == oldClass ) elements[i].className = newClass;    }}

• 查看演示
• 源代碼下載

最新評論