आईएसओ और सफारी में इनलाइन एसवीजी गायब हो जाता है जब एक सीएसएस फ़िल्टर लागू होता है

Question

स्थिति यह है कि मेरे पास Grunticon द्वारा उत्पन्न एक इनलाइन एसवीजी है और डोम में डाला गया है। यह एक भूरे रंग की पृष्ठभूमि पर एक ड्रॉप-छाया के साथ सफेद है।

svg { 
    -webkit-filter: drop-shadow(1px 1px 0 #141414); 
    filter: drop-shadow(1px 1px 0 #141414); 
} 

यह क्रोम, ओपेरा, फ़ायरफ़ॉक्स में ठीक काम करता है और अन्य सभी स्थानों मैं iOS और डेस्कटॉप पर परीक्षण किया है सफारी को छोड़कर,:

मैं छाया के लिए निम्नलिखित सीएसएस इस्तेमाल किया। सीएसएस फ़िल्टर एसवीजी गायब हो जाता है।

यह केवल drop-shadow फ़िल्टर नहीं है, कोई भी फ़िल्टर इस प्रभाव को लगता है। इस दौर में काम किया जा सकता है यह सफारी में काम करने के लिए

एक डेमो http://codepen.io/derekjohnson/pen/MyOaRY

पर Codepen पर है?

Answer 1

परेशान है कि यह काम नहीं करता है, लेकिन सफारी सभी के बाद नया आईई है! : पी

एक वर्कअराउंड एसवीजी को किसी अन्य तत्व में लपेटना और उस पर फ़िल्टर लागू करना है।