css - 背景画像 右端から x px

Question

サイトに<select>はさまざまな幅の要素があります。13px選択幅の右端から背景画像を配置したい。擬似コード:

select {
    background-image: url(../images/select-arrow.png), 
    background-position: center (right - 13px);
}

CSSでこれを行うにはどうすればよいですか？

Answer 1

CSS3 は background-property を次のように再定義します。

background-position: right 13px top; 

ただし、ブラウザのサポートは最高の ATM ではありません。

これを回避するには、次のことができます。

• 画像自体に透明なピクセルを追加し、右上に配置します
• または要素の幅がわかった後、JavaScriptで位置を計算します

編集:この機能を安全に使用できるようになりました。