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计算位置

编辑：您现在可以安全地使用此功能。