2013-08-27 5 views
11

У меня есть логотип .svg на моем сайте, http://www.dailydoog.com, и он корректно отображается в каждом браузере, за исключением Internet Explorer. Даже более новые версии IE (9+), которые имеют встроенную поддержку SVG, не будут отображать логотип.SVG не отображается в IE

Я использую следующую разметку

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

но это, кажется, не быть с каким-либо влиянием. Я просто пропустил что-то действительно простое здесь?

+0

Как это сделать? Какой тип содержимого возвращался с сервера? – madhead

+0

Преобразует его в PNG, а не в решение? Это довольно просто для SVG ... –

+0

@madhead svg правильно отображался в IE, но я применял ширину без высоты, и поэтому она не показывалась на основе правил CSS, которые я применял. – pdugan20

ответ

14

Перемещение непосредственно к SVG, о котором идет речь, прекрасно работает.

Если вы используете инструменты разработчика F12, чтобы отключить CSS на странице, изображение SVG отобразится.

Если вы удалили width недвижимость от #logo-image img, это оказывает или может быть добавлено свойство height:35px, а SVG будет рендеринга.

Возможно, связанный с этим вопросом? SVG in img element proportions not respected in ie9

+0

ты мужчина! Большое спасибо за Вашу помощь. Я просто оставил svg в своем родном разрешении, и теперь он корректно работает во всех браузерах. – pdugan20

Смежные вопросы