पृष्ठभूमि: रंग आईई 8

Question

body { 
    background: gray; 
    font-family: sans-serif; 
    width: 960px; 
    margin: auto; 
} 

header { 
    background: green; 
    border: 10px solid black; 
} 

nav { 
    margin-top:10px; 
    background: #62D99C; 
    border-radius: 10px; 
    padding: 10px; 
} 

हैडर और एनवी पृष्ठभूमि IE8 में काम नहीं करता है। यह क्रोम और एफएफ में काम करता है। मुझे क्या करना चाहिए? धन्यवाद!

Answer 1

आप शीर्ष लेख और नव तत्वों को display:block लागू करना चाहिए:

header { 
    display: block; 
    background: green; 
    border: 10px solid black; 
} 

nav { 
    display: block; 
    margin-top:10px; 
    background: #62D99C; 
    border-radius: 10px; 
    padding: 10px; 
} 

ऐसा लगता है तुम भी निम्न js शामिल करने की जरूरत: यहां पाया जा सकता

<!--[if lt IE 9]> 
<script> 
    document.createElement('header'); 
    document.createElement('nav'); 
</script> 
<![endif]--> 

इसके कारण:

http://tatiyants.com/how-to-get-ie8-to-support-html5-tags-and-web-fonts/

बस रखें, IE8 डिफ़ॉल्ट रूप से एचटीएमएल 5 तत्वों का समर्थन नहीं करता है, लेकिन इस जावास्क्रिप्ट को निष्पादित करके (केवल IE8 या उससे कम के लिए) यह उन तत्वों को पहचानना शुरू कर देता है। अधिकांश डेवलपर्स इसे ठीक करने के लिए html5 shim के कुछ रूपों का उपयोग करते हैं।

http://code.google.com/p/html5shim/

Answer 2

लगता IE8 तरह कि HTML4 में मौजूद नहीं थे एचटीएमएल 5 की विशेषताएं (इस नए elments header और nav भी शामिल है) का समर्थन नहीं करता। Does IE8 support HTML5 and CSS3?

पुराने, कामकाजी तरीके से तत्वों को बदलने का प्रयास करें: <div class="nav"> और सीएसएस-चयनकर्ता .nav का उपयोग करें।

Answer 3

पृष्ठभूमि रंग इंटरनेट एक्सप्लोरर (आईई) पर काम नहीं कर

आईई वेब पेज प्रतिपादन से पहले कुछ फ़िल्टर लागू करें। यही कारण है कि कुछ पेज रंग बदल गए।

आप इससे बचने के लिए अपनी सीएसएस कक्षा में निम्न पंक्ति जोड़ सकते हैं।

filter: none !important;