CSS背景位置组合类型



CSS3背景定制是一个强大的工具,但它缺少一个功能。我可以用几种方法设置background-position,但我需要这些方法的一些组合。例如,有一个动态调整大小的div,我需要一个右中心的图像,距离右边框15px。我找不到任何办法来处理这件事。我可以使用两种修复方法,它们都不优雅。
1. 我在图片的右侧留下一个15px的空白区域。
2. 我用这个:background-position: 97% 50%
但是,在第二种情况下,如果重新调整div的大小,则计算出的右距将是不正确的。或者,我使用标准图像代替bg-image,但我尽量避免这种情况。
那么,有什么解决办法吗?
谢谢!

CSS3扩展了background-position。例如,可以这样做:

background-position: right 15px bottom 15px;

遗憾的是,目前只有Opera支持此功能。

然而,你想要的常见原因是,你有一个15px的填充。如果是这种情况,你可以这样做:

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

每个CSS3浏览器都支持

最新更新