2013-08-27 20 views
11

Mam logo .svg na mojej stronie, http://www.dailydoog.com, i renderuje się poprawnie w każdej przeglądarce z wyjątkiem Internet Explorera. Nawet nowsze wersje IE (9+) z wbudowaną obsługą SVG nie wyrenderują logo.SVG nie renderuje się w IE

Używam następujący znaczników

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

ale nie wydaje się mieć żadnego wpływu. Czy brakuje mi czegoś naprawdę prostego?

+0

Jak renderujesz? Jaki typ zawartości został zwrócony z serwera? – madhead

+0

Czy konwersja do formatu PNG nie jest rozwiązaniem? Dla SVG jest to dość oczywiste ... –

+0

@madhead svg poprawnie renderował się w IE, ale stosowałem szerokość bez wysokości, a więc nie było wyświetlane na podstawie reguł CSS, które zastosowałem. – pdugan20

Odpowiedz

14

Nawigowanie bezpośrednio do SVG, o którym mowa, działa dobrze.

Jeśli użyjesz Narzędzi programistów F12 do wyłączenia CSS na stronie, renderowany będzie obraz SVG.

Jeśli usuniesz właściwość width z #logo-image img, wyświetli się lub możesz dodać właściwość height:35px, a SVG wyrenderuje.

Być może powiązane z tym pytaniem? SVG in img element proportions not respected in ie9

+0

jesteś mężczyzną! Dziękuję bardzo za Twoją pomoc. Właśnie opuściłem svg z jego natywną rozdzielczością i teraz działa poprawnie we wszystkich przeglądarkach. – pdugan20

Powiązane problemy