【问题标题】:Position sprite background in center将精灵背景定位在中心
【发布时间】:2015-04-03 15:17:38
【问题描述】:

我的图标有一个精灵。其中之一是 29px*29px,但使用该图标的 div 实际上是 35px*35px(它有填充:6px)。 我想垂直和水平对齐图标。我没有制作 35px*35px 的图像,因为 div 的大小以后可能会改变。 有什么解决方案,还是我必须以正确的尺寸导出图标?

【问题讨论】:

    标签: css sprite background-position


    【解决方案1】:

    您可以在 background: 声明中使用负坐标,如下所示:

    background: url('sprite.png') -3px -3px no-repeat;
    

    【讨论】:

    • 谢谢,但它不起作用,因为显示了精灵中另一个图标的一部分
    • 在这种情况下,您将不得不制作一个新的背景图像,或者以某种方式覆盖您不想出现的部分。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多