はてなブックマーク

IEはまだ俺たちを苦しめるのか またかいな。時代が進んでもIE対応は必要という事だな。 状況 SVGアイコンを作成、要素の背景として下記プロパティを設定した。 background-size: 13px; background-position: left center; 他のブラウザでは期待通りの表示となったが、IE11は以下のようになった。 ・アイコンが超ちっちゃい（1px?） ・要素の中央に表示される 原因 Illustratorから吐き出したSVGをそのまま使ってしまうと起こるらしい。 対処方法 ・SVGタグにwidth,heightを追記 ・SVGタグに「preserveAspectRatio=”xMinYMid”」を追記 参考URL 詳しくは下記を見てくださいな。 http://personal.loudandproud.me/ie11-background-image-svg