背景图像x px从右边缘

Dav*_*542 3 css

<select>在网站上有各种宽度的元素.我想13px从选择宽度的右边缘定位背景图像.在伪代码中:

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

我如何在CSS中执行此操作?

Chr*_*oph 11

CSS3重新定义了background-property,以便您可以说:

background-position: right 13px top; 
Run Code Online (Sandbox Code Playgroud)

然而,浏览器支持不是最好的atm.

要解决此问题,您可以:

  • 向图像本身添加透明像素并将其定位在右上角
  • 或者在元素的宽度已知之后用javascript计算位置

编辑:您现在可以安全地使用此功能.