【问题标题】:Background image x px from right edge [duplicate]背景图像从右边缘 x px [重复]
【发布时间】:2012-07-06 10:52:17
【问题描述】:

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

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

如何在 CSS 中做到这一点?

【问题讨论】:

标签: css


【解决方案1】:

CSS3 redefines the background-property 这样你就可以说:

background-position: right 13px top; 

但是浏览器支持并不是最好的。

要解决此问题,您可以:

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

编辑:You can safely use this feature now.

【讨论】:

    猜你喜欢
    • 2014-07-07
    • 2020-12-08
    • 1970-01-01
    • 1970-01-01
    • 2011-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-02
    相关资源
    最近更新 更多