带填充的右上角的 CSS 背景图像

【问题标题】：CSS Background Image in Top Right Hand Corner with Padding带填充的右上角的 CSS 背景图像
【发布时间】：2010-04-21 15:15:38
【问题描述】：

如果不使用百分比，是否可以将背景图像定位在距元素顶部 2px 和距元素右侧 2px 的位置？

【问题讨论】：

标签： css

【解决方案1】：

AFAIK 没有一种简单的方法可以使用 CSS 做到这一点。如果元素宽度是固定的，则使用左偏移定位图像。否则为图像添加 2px 透明度并将其设置为右上角。

【讨论】：

【解决方案2】：

这在 CSS3 中是可能的，http://www.css3.info/preview/background-origin-and-background-clip/，在此之前您必须使用嵌套元素。

<div style="padding:2px">
  <div style="background.....">
    <p>content...</p>
  </div>
</div>

【讨论】：

【解决方案3】：

更改您的图像并在其顶部和右侧添加 2px 的空白。你应该会发现不存在跨浏览器兼容性问题！

【讨论】：