CSS
इंटरनेट एक्सप्लोरर भाड़े

टिप्पणियों

इंटरनेट एक्सप्लोरर 10 और अधिक में उच्च कंट्रास्ट मोड

इंटरनेट एक्सप्लोरर 10+ और एज में, माइक्रोसॉफ्ट ब्राउज़र से "हाई कॉन्ट्रास्ट" सेटिंग को उजागर करने के लिए -ms-high-contrast मीडिया चयनकर्ता प्रदान करता है, जो प्रोग्रामर को अपनी साइट की शैलियों को तदनुसार समायोजित करने की अनुमति देता है।

-ms-high-contrast चयनकर्ता के 3 राज्य हैं: active , black-on-white , और white-on-black । IE10 + में भी इसकी none स्थिति none थी, लेकिन एज में आगे बढ़ने का समर्थन नहीं किया गया है।

उदाहरण

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: black-on-white) {
   .header{
      background: #fff;
      color: #000;
   }
}

यह हेडर बैकग्राउंड को व्हाइट में बदल देगा और टेक्स्ट कलर को ब्लैक में जब हाई कंट्रास्ट मोड एक्टिव होगा और यह black-on-white मोड में है।

@media screen and (-ms-high-contrast: white-on-black) {
   .header{
      background: #000;
      color: #fff;
   }
}

पहले उदाहरण के समान, लेकिन यह विशेष रूप से केवल white-on-black स्थिति का चयन करता है, और हेडर रंगों को सफेद पाठ के साथ एक काले रंग की पृष्ठभूमि में सम्मिलित करता है।

अधिक जानकारी:

Microsoft प्रलेखन ऑन -ms-high-contrast

इंटरनेट एक्सप्लोरर 6 और इंटरनेट एक्सप्लोरर 7 ही

Internet Explorer 6 और Internet Explorer 7 को लक्षित करने के लिए, अपने गुणों को * शुरू करें:

.hide-on-ie6-and-ie7 {
    *display : none; // This line is processed only on IE6 and IE7
}

IE6 और IE7 में गैर-अल्फ़ान्यूमेरिक उपसर्ग (हाइफ़न और अंडरस्कोर के अलावा) को अनदेखा किया जाता है, इसलिए यह हैक किसी भी उपसर्गित property: value लिए काम करता property: value जोड़ी।

इंटरनेट एक्सप्लोरर 8 केवल

Internet Explorer 8 को लक्षित करने के लिए, अपने चयनकर्ताओं को @media \0 screen { } अंदर @media \0 screen { } :

@media \0 screen {
    .hide-on-ie8 {
        display : none;
    }
}

@media \0 screen { } बीच सब कुछ केवल I द्वारा संसाधित किया जाता है

IE6 और IE7 में इनलाइन ब्लॉक सपोर्ट जोड़ना

display: inline-block;

inline-block के मूल्य के साथ display संपत्ति इंटरनेट एक्सप्लोरर 6 और 7 द्वारा समर्थित नहीं है। इसके लिए एक काम है:

zoom: 1;
*display: inline;

zoom संपत्ति से चलाता है hasLayout तत्वों की सुविधा है, और यह केवल इंटरनेट एक्सप्लोरर में उपलब्ध है। *display यह सुनिश्चित करता है कि अवैध संपत्ति केवल प्रभावित ब्राउज़रों पर ही लागू होती है। अन्य ब्राउज़र बस नियम की अनदेखी करेंगे।