CSS 背景位置组合类型

Question

CSS3 背景自定义是一个强大的工具，但对我来说缺少一个功能。我可以通过几种方式设置background-position，但我需要这些方式的一些组合。例如，有一个动态调整大小的 div，我需要一个距右边界 15px 的右中心方向图像。我找不到任何方法来处理这个问题。我可以使用两个修复程序，但没有一个是优雅的。
1. 我在图片右侧留了一个15px的空白区域。
2. 我用这个:background-position: 97% 50%
但是，在第二种情况下，如果重新调整 div 的大小，则计算出的右边距将不正确。或者，我使用标准图像而不是 bg-image，但我尽量避免这种情况。
那么，有什么解决办法吗？
谢谢!

Answer 1

CSS3 扩展了 background-position 来实现这一点。例如，你可以这样做:

background-position: right 15px bottom 15px;

很遗憾，目前只有 Opera 支持此功能。

但是，您想要这样做的常见原因是您有 15 像素的内边距。如果是这种情况，您可以这样做:

background-origin: content-box;
background-position: right bottom;

每个 CSS3 浏览器都支持它。