将背景图片定位在<a> tag</a>的文字后面

Question

我有一个背景图片集链接。

    <a href="#" style="background-image: url('bg.png')">text</a>

是否可以在不移动文本的情况下移动背景图像？

Answer 1

您可以使用背景位置移动图像：

<a href="#" style="background-image: url('bg.png'); background-position: -10px -10px">text</a>

甚至更好

<a href="#" style="background:url('bg.png') no-repeat -10px -10px;">text</a>