インターネットエクスプローラの背景位置

Question

私は現在background-position: center bottom;で背景画像を持っていますが、background-position-x: center; background-position-y: bottomでも試してみましたが、インターネットエクスプローラでは動作しません。画像が上に張り付いています。バックグラウンドイメージの位置をすべてのブラウザで機能する下部に設定するソリューションはありますか？

私は背景画像としてSVGを使用しています。

Answer 1

バックグラウンドイメージとしてsvgを使用していても、バックグラウンド位置のcssプロパティはInternet Explorerで正常に動作します。

div { 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: #ddd; 
 
    background-position: bottom center; 
 
    background-size: 50px 50px; 
 
    background-repeat: no-repeat; 
 
    background-image: url(https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/aa.svg); 
 
}

<div></div>