IE8 chrome中table隔行換色解決辦法
更新時(shí)間:2010年07月09日 00:41:07 作者:
今天把項(xiàng)目生成好后,發(fā)布到萬(wàn)維網(wǎng)上進(jìn)行測(cè)試,發(fā)現(xiàn)table的隔行換色在IE8,chorem中不能正常顯示。找了許多資料,CSS看樣是不能解決,只能用JS來(lái)控制了
IE8以上的版本代碼,只需要CSS即可
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代碼,是需要CSS與JS共同完成的:
首先定義好兩個(gè)CSS,代碼如下:
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其實(shí)寫JS代碼,代碼如下:
onload=function(){
var trs=document.getElementById("tbid").getElementsByTagName("tr");//獲取tbid的table中所有tr的信息
for(var i=0;i<trs.length;i++)
{
if(i%2==0)
trs[i].className="tr1";
else
trs[i].className="tr2";
}
}
作者:chenhuzi
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代碼,是需要CSS與JS共同完成的:
首先定義好兩個(gè)CSS,代碼如下:
復(fù)制代碼 代碼如下:
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其實(shí)寫JS代碼,代碼如下:
復(fù)制代碼 代碼如下:
onload=function(){
var trs=document.getElementById("tbid").getElementsByTagName("tr");//獲取tbid的table中所有tr的信息
for(var i=0;i<trs.length;i++)
{
if(i%2==0)
trs[i].className="tr1";
else
trs[i].className="tr2";
}
}
作者:chenhuzi
相關(guān)文章
淺析微信小程序modal彈窗關(guān)閉默認(rèn)會(huì)執(zhí)行cancel問(wèn)題
這篇文章主要介紹了小程序modal彈窗關(guān)閉默認(rèn)會(huì)執(zhí)行cancel方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10HTML+CSS+JS實(shí)現(xiàn)抓娃娃機(jī)游戲
這篇文章主要介紹了如何利用HTML+CSS+JS制作抓娃娃機(jī)游戲,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04JS/jQuery實(shí)現(xiàn)簡(jiǎn)單的開(kāi)關(guān)燈效果【案例】
這篇文章主要介紹了JS/jQuery實(shí)現(xiàn)簡(jiǎn)單的開(kāi)關(guān)燈效果,結(jié)合具體實(shí)例形式分析了javascript/jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02js?select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼
這篇文章主要介紹了js?select支持手動(dòng)輸入實(shí)現(xiàn)代碼,需要的朋友可以參考下2023-05-05Javascript動(dòng)態(tài)伸縮+淡出淡入
一種不錯(cuò)代碼應(yīng)用實(shí)例,大家可以根據(jù)這個(gè)代碼,拓寬出更好的代碼2009-02-02Three.js+React實(shí)現(xiàn)帶火焰效果的艾爾登法環(huán)
《艾爾登法環(huán)》是最近比較火的一款游戲,觀察可以發(fā)現(xiàn)它的?Logo?是由幾個(gè)圓弧和線段構(gòu)成。本文使用?React?+?Three.js?技術(shù)棧,實(shí)現(xiàn)具有火焰效果艾爾登法環(huán)?Logo,感興趣的可以了解一下2022-03-03