css - ハードコードされたリンクを画像に置き換える

Question

画像のタグ リンクを置き換えたい。

私のリンクは次のようになります。

<li id="backto-page"><a href="portfolio.html">&larr; Back to the Porfolio</a></li>

今、私は単純に次の css を使用しましたが、リンクが機能しません.de id backto-page タグ内のテキストのみが非表示になり、背景画像が表示されます..リンクの上にカーソルを置くと、ポインターが表示されない...

li#backto-page {
    text-indent: -9999px;
    background: #000 url(../images/list-icon.png) no-repeat center center;
}

Answer 1

CSS にを追加display: blockします。li#backto-page a

li#backto-page a {
    display: block;
}

http://jsfiddle.net/5KNAt/

Answer 2

jqueryでやってみる

   $(function(){
        $("#backto-page").html('<img src="../images/list-icon.png"/>');

    })