1. ホーム
  2. css

[解決済み】CSSで背景画像を右からオフセットさせる

2022-03-24 14:11:17

質問

背景画像を要素の右から一定のピクセル数だけ配置する方法はありますか?

例えば、あるものをあるピクセル数(例えば10)だけ ということで、こんな感じです。

#myElement {
    background-position: 10px 0;
}

解決方法は?

このCSS3の機能は役に立ちました。

/* to position the element 10px from the right */
background-position: right 10px top;

私の知る限り、これはIE8ではサポートされていません。最新のChrome/Firefoxでは問題なく動作します。

参照 を使用することはできますか? 対応ブラウザの詳細はこちらをご覧ください。

使用したソース http://tanalin.com/en/blog/2011/09/css3-background-position/

更新情報 :

この機能は、モバイルブラウザを含む主要なブラウザでサポートされるようになりました。