CSS 背景位置组合类型
CSS3 背景自定义是一个强大的工具，但对我来说它缺少一个功能。我可以通过几种方式设置背景位置，但我需要这些方式的一些组合。例如，有一个动态调整大小的 div，我需要一个右中心方向的图像，距离右边框 15px。我找不到任何方法来处理这个问题。 我可以使用两个修复程序，但它们都不优雅。
1. 我在图片右侧留了一个15px的空白区域。
2.我用这个：背景位置：97% 50%
但是，在第二种情况下，如果重新调整 div 的大小，计算出的右边距将不正确。 或者，我使用标准图像而不是背景图像，但我尽量避免这种情况。
那么，有什么解决办法吗？
谢谢！
CSS3 background customize is a powerful tool, but it lacks one feature for me. I can set background-position in few ways, but I need some combinations of those. For example, there is a dynamically re-sized div, and I need a right-center oriented image which is 15px from the right border. I can not find any way to handle this.
I could use two fixes, none of them are elegant.
1. I leave a blank 15px area on the picure's right side.
2. I use this: background-position: 97% 50%
But, in the second case, if the div is re-sized, the calculated right margin will be incorrect.
Or, I use a standard image instead of bg-image, but I try to avoid this.
So, is there any solution?
Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
CSS3 扩展了
background-position来实现这一点。例如，您可以这样做：不幸的是，目前只有 Opera 支持此操作。
然而，您想要这样做的常见原因是您有 15 像素的填充。如果是这种情况，您可以这样做：
每个 CSS3 浏览器都支持它。
CSS3 extends
background-positionto allow for that. For example, you can do:Unfortunately, only Opera currently supports this.
However, the common reason you want that, is that you have a 15px padding. If that's the case, you can just do:
which is supported by every CSS3 browser.