सीएसएस "रूपरेखा" पर वेबकिट और छिपकली

Question

मैं एक प्रयोग & मुझे पता चला है कि "रूपरेखा" सीएसएस 2 संपत्ति वेबकिट & पर उसी तरह लागू नहीं किया गया छिपकली

नीचे स्क्रिप्ट में पर काम कर रहा हूँ अलग व्यवहार व्यवहार , मेरे पास एक और div के अंदर एक पूर्ण स्थिति div है लेकिन इसके बाहर तैर रहा है। वेबकिट की रूपरेखा गेको पर वास्तविक माता-पिता div को रेखांकित करती है, यह बच्चे के आइटम को कवर करने के लिए फैली हुई है।

http://jsfiddle.net/KrCs4/

Am मैं कुछ भी याद आ रही? क्या ऐसी कोई संपत्ति है जिसे मुझे गेको पर ओवरराइट करने की आवश्यकता है? या यह एक बग के रूप में रिपोर्ट किया जाना चाहिए?

वेबकिट स्क्रीनशॉट:

फ़ायरफ़ॉक्स स्क्रीनशॉट:

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

यह एक बग होने की पुष्टि की और यहाँ एक समाधान है: http://jsfiddle.net/7Vfee/ (आप की जरूरत है सुनिश्चित करें कि अभिभावक स्थित है: टी के लिए सापेक्ष या पूर्ण काम करने के लिए उनके कामकाज।

Answer 1

छिपकली की यह असंगत व्यवहार प्रसिद्ध और काफी पर्याप्त रूप से प्रलेखित है, हालांकि अजीब नहीं MDN पर लेकिन SitePoint Reference पर:

फ़ायरफ़ॉक्स के लिए और संस्करण 3.5 सहित की सामग्री के आसपास रूपरेखा रूपरेखा आकर्षित करेगा एक तत्व जो तत्व के वास्तविक सेट आयामों के बजाए इसकी सीमाओं को पार कर गया है।

यह फ़ायरफ़ॉक्स के सभी संस्करणों को प्रभावित करता है। मुझे इस समय इसके लिए एक व्यावहारिक कार्यवाही दिखाई नहीं दे रही है, इसके अलावा अपने माता-पिता से अपने पूरी तरह से स्थित div को हटाने और इसे सापेक्ष रखने के अलावा ... कुछ और।

Answer 2

मैं एक ही मुद्दा था, इसलिए मैं एक बॉक्स के छाया का उपयोग करने के रूपरेखा का उपयोग करने से यह बदली:

box-shadow: 0px 0px 0px 1px #FFF; 

बजाय

outline:1px #dcdcdc solid;