2011-06-27 20 views
5

में सीएसएस शैलियों को लोड नहीं किया जा रहा है मेरे पास एक बहुत ही अजीब मुद्दा है कि आईई 8 में कोई सीएसएस शैलियों को लोड नहीं किया जा रहा है (शायद आई 7 भी साथ ही जांच नहीं सकता)। मेरी साइट http://www.leavetrackapp.com/ पर है और मेरे मालिक सीएसएस फ़ाइल इस प्रकार है:आईई 8

@import url("reset.css"); 
@import url("screen.css"); 
@import url("site.css"); 
@import url("colorbox.css"); 

master.css फ़ाइल और indidivual स्टाइलशीट सुलभ हैं अगर मैं सीधे उदा ब्राउज़र में पता दर्ज http://www.leavetrackapp.com/stylesheets/master.css मुख्य फ़ाइल देता है।

मुझे लगता है कि यह आयात नियमों में एक समस्या है लेकिन यह नहीं पता कि यह क्या हो सकता है। सफारी और फ़ायरफ़ॉक्स ठीक काम करते हैं।

किसी भी सलाह की सराहना की।

धन्यवाद

रॉबिन

+0

'reset.css' और' screen.css' निश्चित रूप से लोड हो रहे हैं। क्या आपको यकीन है कि सिंटैक्स में आईई असंगतताओं के विपरीत, यह स्टाइल शीट लोड नहीं हो रहा है? –

+0

+1, आईई डेवलपर टूल सभी सीएसएस फाइलों से पढ़ रहा है – shanethehat

+0

देव उपकरण मुझे बता रहे हैं कि कोई शैलियों को लोड नहीं किया गया है। सीएसएस वैधकर्ता बहुत सारी त्रुटियों को फेंक रहा है लेकिन सभी CSS3 गुणों से संबंधित हैं (अगर मैं CSS3 पर मान्य करता हूं तो यह गुजरता है)। आश्चर्य है कि आईई 8 कुछ CSS3 गुणों पर चकित कर रहा है ... –

उत्तर

9

@ गुफा ने मुझे इसके साथ सही रास्ते पर रखा: समस्या यह है कि एचटीएमएल 5 तत्व इंटरनेट एक्सप्लोरर 8 और कम में काम नहीं कर रहे हैं।

Modernizr इसे ठीक होगा, लेकिन: http://www.modernizr.com/docs/#installing

ड्रॉप की <head> अपने HTML में स्क्रिप्ट टैग। सर्वोत्तम प्रदर्शन के लिए, आप को अपने स्टाइलशीट संदर्भों के बाद उनका पालन करना चाहिए। कारण है कि हम सिर में Modernizr स्थापित करने की अनुशंसा दो गुना है: एचटीएमएल 5 शिव (कि सक्षम बनाता है IE में एचटीएमएल 5 तत्वों) <body> से पहले अमल करना चाहिए, और अगर आप सीएसएस वर्गों के किसी भी उपयोग कर रहे हैं कि Modernizr जोड़ता है, आप एक FOUC को रोकना चाहते हैं।

तो, आप बस बस से पहले </body> से <head> तत्व के अंदर करने के लिए Modernizr बढ़ने की जरूरत है।

+1

धन्यवाद - बस पाया गया [यह _issue_ Github पर] (https://github.com/Modernizr/Modernizr/issues/256) जिसने मुझे एक ही निष्कर्ष निकाला। –

5

समस्या यह है कि स्टाइल शीट आयात नहीं किया जाता नहीं है, समस्या यह है कि आप एचटीएमएल 5 section टैग, जो IE8 और पहले नहीं पहचानता है का उपयोग कर रहे है।

यदि आप section टैग div टैग में बदलते हैं, तो यह बेहतर काम करेगा।

+0

मैंने यह भी सोचा कि यह यह था, लेकिन वह मॉडर्निजर समेत है जो इस समस्या को हल करना चाहिए: http://www.modernizr.com/docs/#html5inie – thirtydot

+0

धन्यवाद। यह आधुनिकता की मेरी समझ भी थी। मैं गैर-एचटीएमएल 5 तत्वों के साथ 'सेक्शन' टैग इत्यादि को प्रतिस्थापित करूंगा और देख सकता हूं कि इससे कोई फर्क पड़ता है या नहीं। यदि ऐसा है, तो मैं समझ नहीं पा रहा हूं कि क्यों आधुनिकतार अपना काम नहीं कर रहा है। –