2017-12-15 22 views
-1

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

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

+0

それは 'ポジション本当にです:下;'? – Swellar

+0

私はバックグラウンドの位置を意味しましたが、それは私が持っている問題を変更しません – henhen

+0

いくつかのコードを含むように質問を編集できますか?これはうまくいくはずですが、親要素が思ったより短くなるか、バックグラウンドのプロパティが上書きされている可能性があります。 – JasonB

答えて

0

バックグラウンドイメージとして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>

+0

これは通常のインターネットExploter 9-11ではエミュレーションとIEエッジではいけません。私は背景としてもSVGを使用しています – henhen

+0

IEで、背景画像としてsvgで動作しますが、エミュレーションではEdgeではありませんが、すべてのSVGが等しく作成されているわけではありません。 – JasonB