2013-08-27 21 views
11

Web sitemde bir .svg logosu var, http://www.dailydoog.com ve Internet Explorer hariç her tarayıcıda doğru bir şekilde oluşturuluyor. Dahili SVG desteğine sahip olan daha yeni IE (9+) sürümleri de logoyu oluşturmaz.SVG IE içinde görüntülenmiyor

aşağıdaki işaretlemeyi

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

ama herhangi bir etkiye sahip olmaya görünmüyor kullanıyorum. Burada gerçekten basit bir şey eksik mi?

+0

Nasıl oluşturursunuz? Sunucudan hangi içerik türü döndürülür? – madhead

+0

Bir çözüm değil bir PNG'ye dönüştürüyor mu? SVG için oldukça basit ... –

+0

@madhead svg, IE'de doğru bir şekilde görüntüleniyordu, ancak genişlik içermeyen bir genişlik uyguluyordum ve bunun için uyguladığım CSS kurallarına göre görünmüyordu. – pdugan20

cevap

14

Söz konusu SVG'ye doğrudan doğruya gitmek iyi çalışıyor.

Sayfadaki CSS'yi devre dışı bırakmak için F12 Geliştirici Araçları'nı kullanırsanız, SVG görüntüsü oluşturulur.

#logo-image img'dan width özelliğini kaldırırsanız, bunu yapar ya da bunun yerine bir height:35px özelliği ekleyebilir ve SVG oluşturulacaktır.

Bu soruyla belki ilginiz var mı? SVG in img element proportions not respected in ie9

+0

adam sensin! Yardımın için çok teşekkürler. Sadece svg'yi yerel çözünürlükte bıraktım ve şimdi tüm tarayıcılarda doğru şekilde çalışıyor. – pdugan20