快捷導航

用javascript修復(fù)瀏覽器中頭痛問題的方法整理篇[譯]第2/4頁

更新時間：2008年11月03日 16:04:28 作者：

我們提倡無論何時都盡可能地使用CSS,這樣我們更容易取得成功.現(xiàn)在瀏覽器對CSS的支持已經(jīng)非常好,肯定足以讓你用來控制你的網(wǎng)頁布局與排版.但,即使如此,還是有某些頁面元素會在不同的瀏覽器下表現(xiàn)也不一樣.

2. IE6 PNG 圖片通明支持

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

2.1 加強IE6使其支持透明

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

查看演示
源代碼下載

2.2. iFixPng improved

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

查看演示
源代碼下載

3. 用JavaScript改變CSS類

這是一個簡單的JavaScript函數(shù),它可以改變當前文檔中任何元素的類.當要在運行時使用CSS類代替硬編碼的樣式值改變樣式時,這個函數(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; }}