背景画像をその要素の右から特定のピクセル数に配置する方法はありますか?
たとえば、何かを左から特定のピクセル数 (たとえば 10) に配置するには、次のようにします。
#myElement {
background-position: 10px 0;
}
ベストアンサー1
この 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/
アップデート:
この機能は現在、モバイル ブラウザーを含むすべての主要ブラウザーでサポートされています。