चौड़ाई संपत्ति में CSS \ 9

209

इसका क्या मतलब है? मैं अनुमान लगा रहा हूं कि यह एक ब्राउज़र हैक है, लेकिन मैं यह नहीं खोज पाया कि यह वास्तव में क्या करता है।

width: 500px\9;

का महत्व क्या है \9?

css width css-hack

— अच्छी तरह से वास्तव में
स्रोत

एक सीएसएस फ़ाइल में .. कुछ तत्व की चौड़ाई सेट करना।

— वास्तव

सटीक डुप्लिकेट नहीं, लेकिन यह सवाल आपको जवाब देता है: stackoverflow.com/questions/701732/size-in-css-with-slash

— रैप्टर

किसी भी सीएसएस संस्करण में मान्य नहीं प्रतीत होता है, जहां तक मैं देख सकता हूं ...

— मार्क बी

मुझे नहीं लगता कि यह प्रश्न उसी बात को संदर्भित करता है।

— वास्तव

6

@ शिवन राप्टोर: नहीं, यह नहीं है। यह बिलकुल अलग सवाल है।

— बोल्टकॉक

290

\9 इंटरनेट एक्सप्लोरर 7, 8, और 9 के लिए "सीएसएस हैक" विशिष्ट है।

इसका सीधा सा मतलब यह है कि सीएसएस की एक विशिष्ट लाइन की \9;जगह ;केवल आईई 7, 8, और 9 में ही मान्य है।

आपके उदाहरण में,

width: 500px\9;इसका मतलब है कि 500 पिक्सल की चौड़ाई (उसी के परिणामस्वरूप width: 500px;) केवल IE 7, 8, और 9 का उपयोग करते समय लागू किया जाएगा।

अन्य सभी ब्राउज़र width: 500px\9;पूरी तरह से अनदेखा करेंगे , और इसलिए width: 500px;तत्व पर लागू नहीं होते हैं ।

यदि आपका CSS ऐसा दिखता है ...

#myElement {
    width: 300px;
    width: 500px\9;
}

#myElementआईई 7, 8, और 9 में परिणाम 500 पिक्सेल चौड़ा होगा , जबकि अन्य सभी ब्राउज़रों में, #myElement300 पिक्सेल चौड़ा होगा।

और जानकारी

संपादित करें:

यह जवाब 2011 में लिखा गया था। अब यह ध्यान दिया जाना चाहिए कि यह हैक IE 10 में भी काम करता है।

— स्पार्की
स्रोत

1

@ jdavid.net, अगर यह आपके सीएसएस को नहीं तोड़ता है, बिल्कुल कुछ भी नहीं, AFAIK।

— स्पार्कली

10

\0इसके बजाय \9यह IE10 पर लागू होगा

— abc123

21

@ abc123 उम्मीद करता है कि उन्हें कभी IE 16 संस्करण में नहीं मिलेगा।

— हॉफमैन

4

मेरे अनुभव में अभी, \9एक widthसंपत्ति के साथ IE 10 पर भी लागू हो रहा था , कम से कम IE के अनुकरण मोड में। अनुकरण मोड सबसे अच्छे समय में छोटी गाड़ी है, इसलिए शायद इसीलिए।

— davidjb

1

@davidjb, ऐसा इसलिए है क्योंकि यह वास्तव में एक एमुलेटर नहीं है। इसे पुराने कोड के लिए कमबैक के रूप में डिजाइन किया गया था।

— स्पार्की

13

यह IE9 और नीचे के संस्करण के लिए एक सीएसएस हैक है

इस तरह लिखें:

width: 500px\9;

इस लेख को पढ़ें http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

— संदीप
स्रोत

4

लिंक के लिए धन्यवाद, लेकिन लेख यह नहीं समझाता है कि यह क्या करता है।

— वास्तव

1

हम दो चीजों के लिए IE के लिए हैक का उपयोग करते हैं। 1) कुछ गुण हैं जो IE द्वारा समर्थित नहीं है जैसे प्रदर्शन: इनलाइन-ब्लॉक और 2) प्रत्येक ब्राउज़र कुछ HTML और सीएसएस गुणों को समान रूप से प्रस्तुत करता है। इस लेख को देखें। blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

— sandeep

लिंक को भी देखें। coding.smashingmagazine.com/2010/06/07/…

— संदीप

IE प्रदर्शन का समर्थन करता है: इनलाइन-ब्लॉक ;, बुरा उदाहरण।

— reisio

हालांकि, 'चौड़ाई' संपत्ति के लिए एक विशेष रूप से उपयोगी हैक नहीं लगता है। कम से कम quirks मोड के बाहर नहीं।

— reisio

2

IE9 में चौड़ाई गुण सेट करने के लिए आप बस इस हैक को जोड़ते हैं।

जैसे

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

— असद शाह
स्रोत

2

IE9 के लिए CSS हैक

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}

— Gordi
स्रोत

7

आपको अधिक जानकारी पोस्ट करनी चाहिए बाहर के लिंक के बजाय यह हैक क्या है - यदि वह ब्लॉग चला गया है, तो आपके उत्तर का मूल्य घट जाएगा। इसके अतिरिक्त, हर कोई रूसी नहीं बोलता है।

— Marcin Orlowski

1

अंग्रेजी में कुछ आवश्यक जानकारी प्रदान करना बेहतर होगा, क्योंकि आपके द्वारा पोस्ट किया गया लिंक रूसी ब्लॉग पर है।

— आर्टेमिक्स

ओपी, आपको खुद को बताना चाहिए और शरारती कदम पर जाकर बैठना चाहिए।

— स्लग्मांड्रू 12