1. アドベネック
  2. アドベネックのブログ
  3. HTML
  4. SVG(インライン)を用いた背景画像が表示されない原因

Posted on Feb 27, 2019 by matsushita shohei

SVG(インライン)を用いた背景画像が表示されない原因

記事カテゴリー: HTML

表示されなかった原因はイラストレーターが描きだすソースにありました。

サイズや色を調整できるように背景画像にSVGを用いるケースがあったのですが、IE11のみ表示されない現象に遭遇してしまいました。
その対応の備忘録です。

参考にさせていただいたサイト

色を変更するためにどういうCSSにすべきかはchlonologさんを参考にさせていただきました。
そのまま使用していれば今回の現象には遭遇しなかったのですが、表示されなかった原因はイラストレーターが描きだすソースにありました。

表示されなかった原因と対処法

イラストレーターの書きだすソースは色がCSSで記述されていました。
これがchromeなどでは問題なかったのですがIE11では問題のようです。
rectタグやpolygonタグのfill属性で色を設定することで対応できました。

この記事をシェアする

このカテゴリーの一覧に戻る

松下 正平

この記事の投稿者

松下 正平matsushita shohei

アドベネック代表。 WEB制作会社にてコーダーとして実務を経験し、2002年より独立。2006年アドベネック設立。長く大阪市内に住んでいましたが、今は学生時代を過ごした枚方に移住。ゲームは主に通勤時間にやっています。趣味は音楽鑑賞とサッカー観戦。 Googleのデジタルワークショップ修了しました。

  • Ps
  • Ai
  • Pr
  • Ae
  • Dw

同じカテゴリーの投稿

最近の投稿

記事のカテゴリー

アドベネックのSNS