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

'width'と'height'で画像を配置しようとする代わりに。画像を正確に配置するスタイル「top」と「center」を宣言できます。

例えば：

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

jsFiddleの例