お世話になっております。
現在、webページを作成しており、画像はAIデータがあること、レスポンシブ対応のため
背景画像も含め、svgファイルを使用しております。
IEで該当ページを開くと、svgファイルの背景画像が、豆粒みたいに小さくなってしまいます。
添付の、svgファイル編集前_IE.jpg ファイルの状態です。
インターネット検索で、
下記サイトのように、
http://webdev.jp.net/svg-size-ie-bug/widthやheightを指定すればいい、という内容があったのですが、cssには、
background: url(click_here.svg)no-repeat;
background-position: top left 470px;
background-size: 150px;
height: 55px;
などのように、高さ、もしくは幅を使用しています。
また、width: auto; を追記しても変化はありませんでした。
次に、
下記サイトのように、
http://www.fujipro-inc.com/2017/05/31/4785.htmlsvgファイルのsvgタグ内に、
preserveAspectRatio="none"
を追記してみたのですが、
添付ファイルの、svgファイル編集前.jpg のようにIEでなって欲しいのですが、
添付ファイルの、svgファイル編集後.jpg のような表示になってしまいます。
背景画像svgファイルをIEで小さくしないためにはどうすればいいでしょうか。
お忙しいところお手数おかけしますが、よろしくお願いいたします。