पहाड़ी शेर पर सफारी 6.0.2 पर सीएसएस प्रतिपादन बॉक्स-छाया पर कलाकृतियों

Question

मेरे मैकबुक प्रो पर माउंटेन शेर पर सफारी 6.0.2 पर कुछ कलाकृतियों का उपयोग कर रहा है, किसी भी अन्य ब्राउज़र का उपयोग करके यह सब कुछ प्रस्तुत किया जा रहा है। लेकिन ओएसएक्स शेर के साथ अपने आईमैक पर सफारी का उत्सुकता से उपयोग करते हुए मैं इस मुद्दे को पुन: उत्पन्न नहीं कर सकता। विभिन्न ओएस संस्करण, विभिन्न जीपीयू, बग? या मैं कुछ गलत कर रहा हूँ?

प्रजनन: http://jsfiddle.net/gt2g4/ और http://jsfiddle.net/T966K/1/

सीएसएस:

#test{ 

    width: 150px; 
    height: 150px; 

    border-radius: 50%; 

    background-color: blue; 
    box-shadow: inset 0px 3px 0px yellow, 
       inset 0px -3px 0px darkred, 
       -3px -4px -0px blue; 
} 

इस मैक:

मैकबुक प्रो 13 इंच, मध्य 2012.

• ग्राफिक्स इंटेल एचडी ग्राफिक्स 4000 384 एमबी।

• सॉफ्टवेयर ओएस एक्स 10.8.2 (12 सी 60)।

• सफारी संस्करण 6.0.2 (8536.26.17)

Answer 1

इन कलाकृतियों अब ओएस एक्स 10.8.3 कॉम्बो अद्यतन कि एप्पल धक्का दिया 14 मार्च, 2013

Answer 2

अद्यतन:

मैं त्रुटि को दोहराने सकता है विंडोज सफारी के एक पुराने संस्करण पर। हालांकि, विंडोज़ के लिए नवीनतम संस्करण के साथ मैं इसका उपयोग नहीं कर सका। जैसा कि मैंने कहा, विंडोज़ पर जब मैंने webkit एक्सटेंशन का उपयोग किया तो यह गायब हो गया।

लेकिन ऐप्पल विंडोज उपयोगकर्ताओं से नफरत करता है; इसलिए मैं इसे किसी भी अन्य संस्करण पर परीक्षण नहीं कर सकता।

सफारी ब्राउज़र कोड को पढ़ और कार्यान्वित करने के तरीके में यह बहुत अच्छी तरह से एक बग हो सकता है; क्या हाल ही में बदल गया है? या कुछ विशिष्ट ऑपरेटिंग सिस्टम हो सकता है, हार्डवेयर परिवर्तन भी हो सकता है।

अपने ग्राफिक्स कार्ड ड्राइवर को सीधे एटीआई या एनवीडिया से अपडेट करने का प्रयास करें। वास्तव में अजीब।

---

सर्वोत्तम सफारी संगतता के लिए; आप -webkit एक्सटेंशन का उपयोग करना चाह सकते हैं। आप अतिरिक्त विवरण here:

एक उदाहरण आप इस होगा प्रयास करना चाहिए पा सकते हैं:

-webkit-box-shadow: inset 0 3px 0 yellow, 
        inset 0 -3px 0 darkred, 
        -3px -4px 0 blue; 

अनुकूलता मैं उपयोग को अधिकतम करने के;

• -moz मोज़िला फ़ायरफ़ॉक्स के लिए। सफारी और क्रोम के लिए
• -webkit। ओपेरा के लिए
• -o।

फिर सामान्य रूप से कैस्केडिंग स्टाइलशीट। निश्चित रूप से यह कुछ अतिरिक्त कोड जोड़ता है, लेकिन यह संगतता को अधिकतम करने के लिए जाता है।उम्मीद है कि मदद करता है। मैंने विंडोज़ पर सफारी के साथ अपनी समस्या का पुनरुत्पादन किया; लेकिन -webkit के साथ यह गायब हो गया।

लेकिन जैसा ऊपर बताया गया है; कुछ सॉफ़्टवेयर या हार्डवेयर आर्टिफैक्ट का कारण बन सकते हैं। यह ओवरक्लेक्ड हार्डवेयर के साथ हो सकता है। उम्मीद है कि हालांकि मदद करता है।