2014-12-15 24 views
23

Doğrudan bir SVG dosyası verisi html içine yerleştirdim. Chrome ve Firefox'ta gösterilir, ancak IE11'de hiç gösterilmez. Ben bir META TAG ama boşuna ekleyerek denedim http://pastebin.com/eZpLXFfDIE11 meta öğe Kopyalar SVG

SVG pastebin bağlantıdır. İlk başta bir IE Uyumluluk görünümü sorunu olabileceğini düşündüm, ancak bu özelliği değiştirmek de işe yaramadı.

<meta http-equiv="X-UA-Compatible" content="IE=8">

Herhangi bir yardım ? Bu soruyu yanıtlamaya yardımcı olması için başka hangi bilgileri sağlayabilir miyim?

+0

* Bunu HTML belgenizde nasıl görüntülüyorsunuz? – Sampson

+0

Bir php dosyasına kaydedilir SVG kodu var ve daha sonra kullanarak ettik '' php dosyasında çağırın. Yine de herhangi bir unsurda yer almıyor. Gerçek SVG php dosyası –

+1

gösterilen pastebin içinde. Bana çalışır tek yolu svg görüntünün genişliğini ve yüksekliğini ayarlamaktır. –

cevap

21

Modern bir belge modunda olmadığınız sanki kulağa hoş geliyor. Internet Explorer 11, Standartlar Modunda olduğunuzda SVG'yi gösterir. Bir x-ua-compatible meta etiketiniz varsa, daha önceki bir mod yerine Edge olarak ayarladığınızdan emin olun.

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

Sen F12 Geliştirici Araçları açılması ve kontrol ya belge modu açılır (sağ üst kısmında görülen, şu anda "Kenar") veya öykünme sekmesi ederek doküman modunu belirleyebilir:

enter image description here

x-ua-compatible meta etiketiniz (veya başlığınız) yoksa, belgeyi <!DOCTYPE html> gibi Standartlar moduna geçirecek bir doctype kullandığınızdan emin olun.

enter image description here

+1

Bu yaptı Jonathan! Tekrar teşekkürler! –

0

Her bir öğede yinelenen stil öznitelikleri var.

style="opacity:0.8" 

Bu kesinlikle çünkü bu hatanın benim için Firefox'ta görüntülenmez. Chrome'da görüntüleniyorsa, bir Chrome hatasını en iyi şekilde kaldırın.

+0

Kısa cevap için teşekkürler Robert ... Yinelenen stil etiketlerini kaldırdım ve hala gitmiyorum ...:/ –

+0

Sadece firefox'da kontrol ettim, şu anda çalışıyor olmalı –

1

Bunu çözdüm! sayfa ... ... IE8 modunu kullanarak render başlığında

<meta http-equiv="X-UA-Compatible" content="IE=8">

vardı

<meta http-equiv="X-UA-Compatible" content="IE=9">

9 olarak değiştirdim ve işe yaradı!

+8

Kendinizi IE'ye sınırlamak için bir nedeniniz var mı? 9 belge modu? – Sampson

8

I kullanılarak, 3 4, satır içi SVG açıklığı ile aynı sorunu vardı ve sadece IE11 ile (kısmen, bir durumda) ortadan kalkmıştır.

Ben sayfadaki <meta http-equiv="x-ua-compatible" content="ie=edge"> vardı. Sonunda

, sorun svg dosyası üzerinde ekstra kırpma yolları oldu. Dosyaları Illustrator'da açtım, kırpma yolunu kaldırdım (normalde katmanların altında) ve şimdi hepsi çalışıyor.

+3

, bu tür bir yola örnek verebilir misiniz? Şu anda benzer bir sorunla mücadele etmek. – montrealist

+1

Merhaba @ montrealist! Ne yazık ki, sorunu yeniden oluşturarak size yardımcı olacak bir Illustrator'ım yok. Illustrator uygulamanız varsa, bir svg'nin 'kırpma yolu' olup olmadığını kontrol etmek kolay olmalıdır. Svg simgesi olduğunu, Illustrator'da açtığınızı, 'doğrudan seçim aracını kullanmak için' a 'tuşuna bastığınızı ve' çalışma yüzeyinin 'köşelerinden birini seçmeye çalıştığınızı varsayalım. Seçebilirseniz ve svg/icon'un bir parçası değilse, muhtemelen bir kırpma yoludur. Silmek için birkaç kez silme işlemini deneyin. Gerçekten kırpma yolları svg kodu üzerinde nasıl gösterildiğini hatırlamıyorum ama umarım bu yardımcı olur! Montreal şehrinden mısınız? – rafaelbiten

+1

Evet efendim, burada Plato'da bir ofiste oturuyor. :) Ben sadece doğrudan kod ile oynarken, Illustrator yok. Umarım bu böcek için her şeyi indirmem gerekmeyecek ... – montrealist

İlgili konular