在顶部为<li>中的活动链接添加bg图像，可能吗？</li>

Question

我正在尝试在活动链接上方添加小箭头类型图像。我尝试了一些基本的东西，但我根本没有得到图像。可能我做错了什么，或者说不可能......？

这就是我想让它看起来像：

当前的HTML：

<li><li class="currentlink"><a href="nieuws.php" target="_parent">nieuws</a></li>
<li><a href="behandelingen.php" target="_parent">behandelingen</a></li>
<li><a href="producten.php" target="_parent">producten</a></li>

当前的CSS：

.currentlink{background-image:url(images/naviarrow.png) no-repeat;width:25px;height:14px;}

我在这里做错了什么......？有人可以解释或至少指出我正确的方向吗？

Answer 1

而不是尝试使用'width'和'height'放置图像。您可以声明样式“顶部”和“中心”，这样可以将图像准确放置在那里。

例如：

.currentlink { background: #000 url(images/naviarrow.png) no-repeat top center }

jsFiddle Example