Я пытаюсь загрузить файл svg с помощью тега img, но он не работает в firefox. Chrome показывает svg. Я пытаюсь сделать это следующим образом: http://www.schepers.cc/svg/blendups/embedding.html.SVG в теге img не загружается как изображение в firefox
Вот мой код ...
<img src="http://ubuntu.digitalfront.ca/ghcorp/wp-content/uploads/2014/09/hillsdale.svg" alt="" class="img-responsive" />SVG не отображается на всех в Firefox. Как я могу это исправить?
Мы только что столкнулись с проблемой, когда SVG не будет отображаться в Firefox. Предварительное тестирование предполагает, что проблема возникает, если предок img не имеет определенной ширины ... В теге img также нет встроенного определения ширины или высоты - чтобы это не помогло. <div><a><img src="image.svg"/></a></div> В этом примере - указание ширины div на экран svg.
PS Как якорь тег и тег IMG были CSS определены ширины
У меня есть подобная проблема, пожалуйста, обратитесь к ниже скриншота. В firefox SVG не загружался. Если я щелкнул правой кнопкой мыши по изображению и открылся в новой вкладке/окне, это было нормально.
Я поставляется height="300" и width="150" атрибут тега img и удаляется ширину в %age/auto от CSS. Это устранило проблему для меня.
Я также пробовал жестко кодировать ширину в px вместо % в CSS, который также работал.
Таким образом, согласно моему пониманию, требует, чтобы в firefox отображалось height/width, чтобы правильно отображать либо тег изображения с атрибутами высоты/ширины, либо в CSS.
Надеюсь, это поможет.
Добавление явной ширины в CSS помогло мне! Спасибо –
Awesome. Приятно знать, что :) –
Осторожно! Отображение SVG на веб-странице в элементе img не всегда работает.
Он работает во многих случаях, но не в некоторых случаях, например, когда файл SVG содержит встроенное изображение (изображения элемента.)
По this source: «По соображениям безопасности, браузеры отключить SVG скрипты, ссылки и другие типы интерактивности, когда они добавляются на вашу страницу с помощью тега img. Кроме того, IE9, Chrome и Safari не будут применять правила стилей к SVG, если они определены в отдельном файле CSS ».
Что находится в mymap.svg? Что именно «не работает»? Правильно ли тип мим? Вы можете увидеть изображение, если вы просматриваете файл напрямую? Является ли mymap.svg одним файлом без внешних зависимостей? –
у него есть анимация с использованием css3 – gadss
У меня есть мое описание .. спасибо – gadss