इंटरनेट एक्सप्लोरर 9 (और 10) मेरे गोलाकार कोनों को पीछे की ओर

मूल रूप से यह करता है कि यह सही शीर्ष + नीचे-बाएं कोनों के बजाय शीर्ष-दाएं और निचले-दाएं कोनों को प्रदान करता है।इंटरनेट एक्सप्लोरर 9 (और 10) मेरे गोलाकार कोनों को पीछे की ओर

.formlabel, .formlabel2, .formhead{ 
    width:200px; 
    font-size:18px; 
    height:22px; 
    font-weight:normal; 
    background-color:#FF8000; 
    text-align:right; 
    margin-top:5px; 
    padding-right:1px; 
    border:none; 
    color:white;  
    -webkit-border-top-left-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-bottomleft: 5px; 
    border-top-left-radius: 5px; 
    border-bottom-left-radius: 5px; 
}

मैं क्या अनुमान कर लिया है से, यह इसलिए होता है क्योंकि वे किसी अन्य वर्ग direction:rtl विशेषता है कि भीतर कर रहे हैं:

यहाँ सीएसएस है। यदि मैं उपरोक्त कक्षाओं में direction:ltr जोड़ता हूं, तो कोनों को सही ढंग से गोलाकार किया जाता है। (आप उपरोक्त कोड का उपयोग करके और direction:rtl जोड़कर)

समस्या यह है कि साइट हिब्रू में है इसलिए मुझे इसे आरटीएल रहने की आवश्यकता है।

कोई विचार?

स्रोत

2011-09-11 jontsef

बेवकूफ _stupid_ आईई डेवलपर्स। बस थोड़ी सी अनुरूपता अब और फिर अच्छी होगी। – Bojangles

शायद आप दो तत्वों को ढेर करने और पृष्ठभूमि और सीमा और दिशा को रखने के लिए पूर्ण स्थिति का उपयोग कर सकते हैं: निम्न तत्व पर एलटीआर और ऊपरी तत्व पर सभी आरटीएल सामग्री? – Neil

मैंने सोचा होगा कि आईई 9 + के लिए <head> में सशर्त टिप्पणी करने के लिए एक सरल समाधान होगा जिसे आपने सीएसएस का उपयोग किया है।

<!--[if gte IE 9]> 
    <style> 
     .formlabel, .formlabel2, .formhead{ 
      border-top-right-radius: 5px; /* switched from left */ 
      border-bottom-right-radius: 5px; /* switched from left */ 
     } 
    </style> 
<![endif]-->

यदि आप चाहें, बजाय सशर्त टिप्पणी में style का उपयोग करने का, तो आपको एक अलग बाहरी स्टाइलशीट करने के बजाय लिंक कर सकते हैं।

स्रोत

2011-09-11 23:39:33 tw16

आईएस 10 में सशर्त टिप्पणियां अब और समर्थित नहीं हैं। – duri

@duri: यह दिलचस्प है। हालांकि यह अभी भी आईई 9 के लिए काम करेगा, और उम्मीद है कि आईई 10 को अंतिम रूप देने के बाद इसे सही किया जाएगा, मान लें कि कोई उन्हें इस मुद्दे के बारे में सूचित करता है। – tw16

@jontsef: जैसा कि मैंने मूल रूप से सोचा था, आईई 10 में परीक्षण किया गया है, बग ठीक कर दिया गया है, इसलिए ऊपर सशर्त कथन आईई 9 के लिए काम करेगा। इसलिए समस्या हल हो गई :) – tw16

इंटरनेट एक्सप्लोरर 9 (और 10) मेरे गोलाकार कोनों को पीछे की ओर

उत्तर

संबंधित मुद्दे