10

मैं एक सीएसएस/jQuery चेकबॉक्स शैली स्क्रिप्ट है: इनपुट से अधिक फ्लोट करने के लिए अवधि के लिए क्रम में http://jsfiddle.net/BwaCD/मैं केवल विशिष्ट आईई ब्राउज़र के लिए सीएसएस कैसे सेट कर सकता हूं?

समस्या है, वर्तमान ब्राउज़रों में, इनपुट की स्थिति पूर्ण होना चाहिए। लेकिन नीचे IE8 & में, स्क्रिप्ट काम नहीं करेगी और इसलिए मुझे छोड़ दिया गया है और पूरी तरह से इनपुट इनपुट है जो बस अन्य तत्वों पर तैर रहा है। मैं स्क्रिप्ट के लिए IE8 & में काम करने के लिए नहीं कह रहा हूं।

मैं जानना चाहता हूं कि मैं विशिष्ट शैली निर्धारित करने के लिए सीएसएस का उपयोग कैसे कर सकता हूं यदि यह IE8 और नीचे है। मुझे लगता है कि यदि आवश्यक हो तो jQuery स्वीकार्य होगा, लेकिन मुझे नहीं लगता कि यह है। मुझे पता है कि यह सिर्फ सीएसएस & एचटीएमएल के साथ किया जा सकता है मैं बस नहीं जानता कि कैसे।

उत्तर

10

इसके बारे में कैसे?

http://www.quirksmode.org/css/condcom.html

या कि अगर आप उन बयानों

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/

+0

दूसरा काम नहीं किया ... पहले किया था। – henryaaron

+0

वाह। धन्यवाद। मैं बस पूछना चाहता हूं, क्या ये हैक सुरक्षित हैं? –

+0

हैक खराब हैं, हमेशा! मैं अपने पहले लिंक से समाधान का उपयोग करने का सुझाव देता हूं लेकिन यदि आपको वास्तव में हैक का उपयोग करना चाहिए, तो मुझे यह वेबसाइट मिली: http://browserhacks.com/ - यह जानना अच्छा है कि ये चीजें मौजूद हैं और वे वांछित काम करते हैं लेकिन आपको वास्तव में नहीं करना चाहिए इसका इस्तेमाल करें। – Adaz

15

सशर्त टिप्पणियों काम करेगा (<!--[if lte IE 8]><stylesheet><![endif]-->) पसंद नहीं है, लेकिन आप यह सब स्टाइलशीट में क्या करना है, वहाँ is a way चाहते हैं :

body { 
    color: red; /* all browsers, of course */ 
    color: green\9; /* IE only */ 
} 

यहां महत्वपूर्ण बात यह है कि "\ 9", जिसे बिल्कुल "\ 9" हो। मैं बिल्कुल स्पष्ट नहीं हूं कि यह क्यों है।

संपादित करें: \ 9 हैक स्वयं ही पर्याप्त नहीं है। IE9 निकालने के लिए आपको भी :root hack की जरूरत है:

:root body { 
    color: red\9; /* IE9 only */ 
} 

IE के अलावा अन्य ब्राउज़रों :root का समर्थन कर सकते हैं, ताकि आप इसे उपयोग कर रहे हैं IE9 लक्षित करने के लिए \ 9 हैक साथ संयोजित करें।

+0

कुछ कारणों से यह '9 9 काम नहीं करता है ... – henryaaron

+0

ऐसा लगता है कि \ 9 वास्तव में केवल 8 और नीचे नहीं, IE के सभी संस्करणों को लक्षित करता है। http://mathiasbynens.be/notes/safe-css-hacks#css-hacks – Brilliand

+0

\ 9 बहुत अच्छा काम करता है, और चूंकि एमएस ने आईई 10 शुरू करने की सशर्त टिप्पणियां छोड़ दीं, यह केवल लक्ष्य आईई के लिए एकमात्र जेएस-मुक्त समाधान लगता है। धन्यवाद! – f055

3

आप इंटरनेट एक्सप्लोरर के सशर्त टिप्पणियों का उपयोग पुराने IE ब्राउज़र के लिए एचटीएमएल रूट टैग में वर्ग का नाम जोड़ने के लिए कर सकते हैं:

<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 

तो फिर तुम जैसे, उचित वर्ग के नाम का हवाला आईई विशिष्ट सीएसएस परिभाषित कर सकते हैं इस:

.ie8 body { 
    /* Will apply only to IE8 */ 
} 

स्रोत: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

2

लक्ष्य सभी IE के संस्करणों:

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 
<![endif]--> 

लक्ष्य सब कुछ छोड़कर आईई

<!--[if !IE]><!--> 
    <link rel="stylesheet" type="text/css" href="not-ie.css" /> 
<!--<![endif]--> 

लक्ष्य IE 7 केवल

<!--[if IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie7.css"> 
<![endif]--> 

लक्ष्य IE 6 केवल

<!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]--> 

लक्ष्य IE 5 केवल

<!--[if IE 5]> 
    <link rel="stylesheet" type="text/css" href="ie5.css" /> 
<![endif]--> 

लक्ष्य IE 5.5 केवल

<!--[if IE 5.5000]> 
<link rel="stylesheet" type="text/css" href="ie55.css" /> 
<![endif]--> 

लक्ष्य IE 6 और कम

<!--[if lt IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> 
<![endif]--> 

<!--[if lte IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> 
<![endif]--> 

लक्ष्य IE 7 और कम

<!--[if lt IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> 
<![endif]--> 

<!--[if lte IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> 
<![endif]--> 

लक्ष्य आईई 8 तथा उससे पूर्व

<!--[if lt IE 9]> 
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" /> 
<![endif]--> 
<!--[if lte IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" /> 
<![endif]--> 

लक्ष्य IE 6 और उच्च

<!--[if gt IE 5.5]> 
    <link rel="stylesheet" type="text/css" href="ie6-and-up.css" /> 
<![endif]--> 
<!--[if gte IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie6-and-up.css" /> 
<![endif]--> 

लक्ष्य आईई 7 और उच्चतर

<!--[if gt IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie7-and-up.css" /> 
<![endif]--> 
<!--[if gte IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie7-and-up.css" /> 
<![endif]--> 

लक्ष्य आईई 8 और उच्च

<!--[if gt IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie8-and-up.css" /> 
<![endif]--> 
<!--[if gte IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie8-and-up.css" /> 
<![endif]--> 
1

मैं आईई 10 और 11. के लिए एक उपयोगी समाधान है आईई और संस्करण के लिए स्क्रिप्ट जांच और फिर टैग में .ie10 या .ie11 कक्षा संलग्न करता है।

इस तरह आप .ie10 .something {जैसे विशिष्ट नियम लिख सकते हैं} और वे लागू करने के केवल जब ब्राउज़र आईई 10 या 11.

इसे देखें है, यह मनोहर पतन के लिए उपयोगी है, कुछ पर परीक्षण किया वाणिज्यिक स्थलों और वास्तव में hacky नहीं: http://marxo.me/target-ie-in-css

0

मैं इंटरनेट एक्सप्लोरर में हड़पने कर्सर के लिए इस तरह से हल:

.grab_cursor { 
    cursor: grab; 
    cursor: -moz-grab; 
    cursor: -webkit-grab; 
    cursor: url('../img/cursors/openhand.cur'), url('img/cursors/openhand.cur'), n-resize; /* standard: note the different path for the .cur file */ 
    cursor: url('img/cursors/openhand.cur'), n-resize\9; /* IE 8 and below */ 
    *cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 7 and below */ 
    _cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 6 */ 
} 

विंडोज के लिए Internet Explorer में करने के लिए और अगर एक सापेक्ष URI मूल्य एक बाहरी शैली में निर्दिष्ट किया जाता है, संस्करण 8 सहित शीट फ़ाइल आधार यूआरआई को तत्व युक्त दस्तावेज़ का यूआरआई माना जाता है और स्टाइल शीट का यूआरआई नहीं है जिसमें घोषणा प्रकट होती है।

फ़ाइलें पेड़:

index.html 
css/style.css -> here the posted code 
img/cursors/openhand.cur 

अच्छा संदर्भ: