CSS背景定位与精灵

时间:2012-05-02 16:45:01

标签: css background-position

我正在通过精灵制作推拉门按钮,而且有一部分让我有些麻烦。有没有办法设置锚点和background-url图像位置:所以像这样:

background-position: 0 -47px top right;

3 个答案:

答案 0 :(得分:0)

没有。 “窗口”的尺寸需要与图像完全匹配,否则将被剪切/显示其他图像。

你可能没有指定精灵放置的位置(它有点击败目的)。

答案 1 :(得分:0)

没有。 “top”和“right”只是值0和100%的别名。

答案 2 :(得分:0)

如果你的锚的宽度和高度是常数,那么你可以使用精灵和定义坐标(在你的例子中为0 -47px)。如果锚可以有各种尺寸,那么我认为更好的将背景切割为单独的图像,并为背景添加“右上”位置。正如我上面的人所说 - 没有办法同时使用-0 -47px和右上角值。