2011-01-20 8 views
10

renklerin o kazandı benim IE bunu açarsanız her 2 satırdaYap alternatif CSS Tablo satır stili çalışma

tbody tr:nth-child(2n) td, tbody tr.even td { 
    background: none repeat scroll 0 0 #E5ECF9; 
} 

yılında tekrar sıralar halinde bir veritabanı çıkışını görüntülemek için bu CSS kodunu kullanmak Çalış. Herhangi bir tavsiye?

Ben

cevap

19

IE8 :nth-child CSS özelliğini desteklemiyor.

https://github.com/roylory/ie7-js

Nasıl kullanılır: Eğer bu komut dosyası ile IE8 çalışmak yapabilir,

Sen koşullu yorumlar aracılığıyla bunu içer ör: Senaryo

<!--[if lte IE 9]> 
<script src="IE9.js"></script> 
<![endif]--> 

sadece IE9 ve altında yüklenir, diğer tarayıcılar onu görmez.

Canlı tanıtım:https://jsbin.com/koyahe/edit?html,css,output

(Bu demo tüm IE sürümlerinde çalışması gerekir.) Bir eğer çalışmak görünmüyor yukarıdaki cevabı, ancak alternatif satır renkleri gibi

+0

Bu proje ölü görünüyor. Daha yeni referanslar var mı? –

+0

@ChristopherSchultz Hangi IE sürümlerini desteklemeniz gerekiyor? 5 yılda çok şey değişti. –

+0

MSIE 8, maalesef. Bunu henüz denemedim, ancak MSIE 8'in hiç değişmediğini ve “çocuk oyuncağı” nın hala bir “yok” olduğunu düşünüyorum, bu yüzden geri dönüş çözümü aradım. Ürünüm zaten bu "el ile" yapar (her tablo satırı için kullanılan bir CSS sınıfına sahip olarak), ancak işe yaramaz kiri çıkarmak istiyorum ve bunu yapmak için yarı-zarif bir yol varsa, ilgilenirim. –

3

kullandığınız IE sürümü IE 8. kullanıyorum? :nth-child() CSS, IE'nin eski sürümlerinde çalışmayacaktır.

IE6, IE7, IE8 Fail

IE9 (çalışıyor)

+0

Sorumun – daniel

+0

onu ekledi IE8 görüntülemek için bir yol var mı? – daniel

+0

@ Šime Vidas'ın IE7.js önerisini kullanırsanız, IE8'de çalışacaktır. – scunliffe