将硬编码链接替换为图像

Question

我想为图片替换一个标签链接。

我的链接如下:

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

现在我简单地使用下面的css，但现在链接不起作用。只有文本内的id回页标签将不可见，背景图像将显示。当你将鼠标悬停在链接上时，也不会有指针可见…

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"/>');
    })