停止图像/ gif重复

Question

我在论坛上编辑排名/小组时遇到的问题需要帮助。

以下是目前的截图：

正如你所看到的，闪光的GIF一直持续到左边。 我希望它在用户名结尾处结束。

当前CSS（additional.css）：

.admin{
    color:#FF0000;
    font-weight:bold;
    background:url(url for my redstar.png) no-repeat,url('url for my sparkle gif');
    padding-left:18px
}

当前HTML：

<link rel="stylesheet" type="text/css" href="/additional.css" />
    <div class="admin">USERNAME HERE</div>
</link>

Answer 1

由于您使用CSS3可以同时提供两个背景，因此您必须单独提及背景重复

.admin{
     color:#FF0000;
     font-weight:bold;
     background:url(url for my redstar.png), 
     url('url for my sparkle gif');
     background-repeat: no-repeat;
     padding-left:18px;
}

是的！您需要更多地学习HTML / CSS：）