2009-11-19 9 views
5

के साथ आईई में सीमाएं रखें I jQuery प्लगइन "कोने" का उपयोग कर रहा हूं: http://www.malsup.com/jquery/corner/ यह लगभग एक महान काम कर रहा है जो मेरे divs किनारों पर गोल कर रहा है।IE में jquery.corner()

समस्या यह है कि, मेरे divs में 1px लागू सीमाएं हैं। यह सफारी, एफएफ, क्रोम इत्यादि में बहुत अच्छा काम करता है केवल आईई (8) में सीमाएं गायब हो जाएंगी। यह किनारों को गोल करता है, लेकिन कोई सीमा नहीं है।

ऊपर उल्लिखित साइट पर मैंने पाया कि $ (यह)। कॉर्नर ('रखें'); सीमाओं को बनाए रखेंगे। मैंने कोशिश की, लेकिन फिर आईई वर्ग कोनों (गोलाकार नहीं) आउटपुट करेगा और सीमाओं को सही ढंग से दिखाएगा।


कोई मदद? thx, Mexx

उत्तर

2

उनकी साइट पर प्रलेखन के अनुसार, आप दो div घोंसला कर सकते हैं, ऐसा लगता है कि एक सीमा है (यह आईई पर काम करेगा)।

$(this).corner("round 8px").parent().css('padding', '1px').corner("round 10px") 

मैं personnally लगता है कि यह बदसूरत है जब से तुम बेकार मार्कअप जोड़ने के लिए है, लेकिन मैं affraid यह एकमात्र समाधान है कि अगर आप इस प्लगइन से चिपके करना चाहते हूँ।

मुझे पता है कि यदि आप IE में CSS3 की सीमा-त्रिज्या का उपयोग करना चाहते हैं तो वहां अन्य समाधान हैं। आप पढ़ना चाहिए माइक्रोसॉफ्ट इसके बारे में क्या कह रहा है (और दिए गए लिंक्स पर क्लिक करें): http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

+0

thx Flandre, लेकिन मुझे कई तत्व और इसकी एक शॉप सिस्टम मिल गई है इसलिए मैं नहीं हूं अतिरिक्त मार्कअप जोड़ने वाला होगा। Mexx – Max

0

साथ यह प्रयास करें:

$(this).corner("round 38px").parent().css('padding', '1px').corner("round 40px") 

वहाँ भी एक समस्या है।

0

मैं जानता हूँ कि यह पुराना है, लेकिन यह हाथ

उपयोग jQuery

$('.yourcornerclass').wrap('<div class="youroutercornerclass"></div>'); 
द्वारा अपने सभी कोने divs फिर से jigging बिना

आसान समाधान इस प्रश्न के लिए गूगल में पहली stackoverflow परिणाम होता है

अधिक जानकारी यहां @tonyamoyal पूर्ण कोड उदाहरण