CSS背景位置组合类型

时间:2011-08-09 14:06:10

标签: css css3 background-position

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

1 个答案:

答案 0 :(得分:2)

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

background-position: right 15px bottom 15px;

不幸的是,目前只有Opera支持此功能。

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

background-origin: content-box;
background-position: right bottom;
每个CSS3浏览器都支持