मैं अपने वेब प्रोजेक्ट के लिए PHP का उपयोग करता हूं, लेकिन मुझे अकेले सीएसएस के साथ इस रंगीन पूरक की आवश्यकता है।अकेले सीएसएस का उपयोग कर आईई और फ़ायरफ़ॉक्स के लिए विषम/यहां तक कि रंग कैसे प्राप्त करें?
इस प्रकार मुझे फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर में काम करने वाले कोड की आवश्यकता है।
इस कोड लिखा है, लेकिन इंटरनेट एक्सप्लोरर में काम नहीं करता:
.tbl_css col:nth-child(odd){
}
.tbl_css col:nth-child(even){
}
आईई के निचले संस्करण छद्म चयन का समर्थन नहीं करेंगे। सीएसएस बस में
$(document).ready(function(){
$('table tr:even').addClass('even');
$('table tr:odd').addClass('odd');
});
:
आप इसे काम करने के लिए jQuery का उपयोग कर सकते
.even{ /* your styles */ }
.odd { /* your styles */ }
अच्छा और सरल, धन्यवाद! – Aries51
आप के साथ परीक्षण कर रहे हैं IE के क्या संस्करण?
nth-child चयनकर्ता केवल IE9 में IE में जोड़ा गया था। पिछला संस्करण (आईई 8 और इससे पहले) इसका समर्थन नहीं करते हैं।
यदि आपको IE के पुराने संस्करणों में यह प्रभाव प्राप्त करने की आवश्यकता है, तो आपको वैकल्पिक तकनीक का उपयोग करने की आवश्यकता होगी। <tr> तत्वों में वैकल्पिक कक्षाओं के साथ अपने एचटीएमएल को आउटपुट करना सबसे आम है। JQuery प्लगइन्स भी हैं जो आपके लिए इस प्रभाव को प्राप्त कर सकते हैं।
उम्मीद है कि मदद करता है।
+1, मैं यह बहुत अच्छा लिंक भी जोड़ूंगा: http://www.findmebyip.com/litmus/ – Jon
छद्म चयनकर्ता :nth-child सभी प्रमुख ब्राउज़रों (आईई 9 +, एफएफ 3.5+) के नवीनतम संस्करण द्वारा समर्थित है। आप पुराने ब्राउज़र (आईई 8, उदाहरण के लिए) का समर्थन करने के है, तो आप या तो स्वयं class="odd", आपके कॉलम में class="even" असाइन कर सकते हैं, या JQuery का उपयोग करें:
$(".tbl_css col:nth-child(2n+1)").addClass("odd");
$(".tbl_css col:nth-child(2n)").addClass("even");
.odd को .tbl_css col:nth-child(odd) का नाम बदलें।
.tbl_css col:nth-child(even) से .even का नाम बदलें।
आप IE 5 या IE 9 मतलब है? इसके अलावा, किसी ऐसे व्यक्ति के लिए जो नहीं जानता * यह * कैसे संभव है, आपको लगता है कि यह * करने योग्य है। – Jon