css - 用图像替换硬编码链接

Question

我想替换图像的标签链接。

我的链接如下所示：

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

现在我只使用了下面的css，但现在链接不起作用..只有de id backto-page a tag中的文本将不可见并且背景图像将显示..当您将鼠标悬停在链接上时也会有没有指针可见...

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

Answer 1

添加display: block到li#backto-page a您的 CSS 中。

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

http://jsfiddle.net/5KNAt/

Answer 2

用jquery试试

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

    })