html - 在顶部添加一个 bg-image 用于活动链接， 可能的？

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

而不是试图用“宽度”和“高度”放置图像。您可以声明样式“顶部”和“中心”，这会将您的图像完全放在那里。

例如：

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

jsFiddle 示例