2012-12-22 5 views
6

मैं किसी वेबसाइट पर एक एसवीजी लोगो का उपयोग कर रहा हूं, और अधिकांश ब्राउज़रों में यह ठीक काम कर रहा है। हालांकि, कुछ आईई संस्करणों और मोबाइल ब्राउज़र पर, छवि एक असफल छवि बॉक्स के रूप में दिखाई देती है। क्या कोई तरीका है कि मैं कम से कम झूठी नकारात्मकताओं के साथ एसवीजी संगतता की जांच करने के लिए जेएस या कुछ लाइब्रेरी (अधिमानतः jQuery) का उपयोग कर सकता हूं, और बस छवि के एक .png संस्करण पर स्विच कर सकता हूं? http://zero31b.x10.mx/samote, और SVG चित्र हल्का नीला ग्लोब बातेंक्या मैं एसवीजी छवि लोड होने पर परीक्षण करने के लिए जेएस या jQuery का उपयोग कर सकता हूं?

+0

https://gist.github.com/3202087 एक तरीका है। (हालांकि जावास्क्रिप्ट की आवश्यकता है, हालांकि।) मैंने इसे "पीएनजी फॉलबैक के साथ svg" देखकर पाया। – Ryan

+2

काम पर हम सफलतापूर्वक आधुनिकीकरण का उपयोग करते हैं - http://modernizr.com/ इसके लिए। –

+0

वैसे, क्या आपने देखा है कि आपका एसवीजी 30 केबी है? –

उत्तर

0

Tavmjong बाह एसवीजी और PNG वापस आने पर व्यापक लेख लिखा था कर रहे हैं::

साइट यह है

http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.html

सरल कोड वह/वह देता है

<img src="buttonA.svg" alt="A sample SVG button." 
     onerror="this.removeAttribute('onerror'); this.src='buttonA.png'"/> 

लेकिन यदि आपके पास अधिक सुविधाएं हैं तो आपको आधुनिकता संस्करण पर विचार करें।

पर GitHub सिफारिश का उपयोग कर png-संस्करण आप की एसवीजी-बटन madrobby बनाने के लिए librsvg-परिवर्तित

+0

क्या छवि के आस-पास का लिंक वास्तव में असफल है? –

+0

नहीं! मैं इसे हटा दूंगा! – bjelli

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

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