将硬编码链接替换为图像

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

将display: block添加到CSS中的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"/>');

    })