• Skip to primary navigation
  • Skip to main content

WEB RU!

ママWEBエンジニアの日常とウェブ制作のいろいろ。毎日ウェブってます。

  • Privacy Policy
Homeフロント

フロント

IE11

正方形の描画エリアにsvgのパス図形が書かれたものが3つ並んでいる。一番左はパス図形がSVGの描画エリアの中央にあり、上下に余白がある。これが規定値であり、今回のエラーの原因。次に「xMidYMin」という属性値を付けたSVGの表示例。SVGの描画エリアの上辺にピッタリと配置され、下部の余白が大きく広がる。次に属性値「xMidYMax」を持たせた場合の表示例。SVGパス図形がSVGの描画エリアの下部に張り付き、上部に余白が広がる。

SVGを利用した背景がIE11で位置が中央にズレるときの対処法

ボックスの右上にSVG画像を背景に使用。 スタイルシートに下記のように指定して配置。 background-position : right top; 実際には位置を細かく調整して background-position […]

Copyright © 2025 WEB RU! All Rights Reserved.