css - CSS background-position 组合类型

Question

CSS3 背景自定义是一个强大的工具，但对我来说它缺少一个功能。我可以通过几种方式设置背景位置，但我需要一些组合。例如，有一个动态调整大小的 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 浏览器都支持。