html - 为文本链接提供背景图片？

Question

大家。我正在尝试为文本链接提供背景图片，但我没有任何运气，我没有出现任何图片。我想知道是否有人可以告诉我我的代码是否错误以及我可以做些什么来纠正它。提前感谢您的帮助。

下面是我的css代码，hlink和home是id，home是我对链接文字的定位

#hlink:link{
        background-image: url("../media/taboff.gif");
        color:#000000;
        text-decoration:none;
}

#hlink:visited{
        color:#000000;
        text-decoration:none;
}

#hlink:hover{
        /*background-image:url("../media/tab2.gif");*/
        text-decoration:underline;
        color:#EF504B;
}

#hlink:active{
        text-decoration:underline;
        color:#EF504B;
}

#home{
        position:absolute;
        font-size:2em;
        top:270px;
        left:300px;
        text-align:center;

这是我的html代码

<div id="home">
        <a id="hlink" href="midterm.html">Home</a>
</div>

编辑:我只想说非常感谢大家对我的帮助，你们中的每一个人都救了我的命，我不知道编辑是否通知了所有回答过的人，但再次非常感谢。除了一些缺失的代码外，我最大的问题是我使用的图像本身，所以这是我要纠正的下一个问题。我测试了一个不同的图像，它 100% 有效，所以感谢大家。我对此也比较陌生，我是大学新生，只做了几个星期(我也有一个糟糕的教授，但那是另一回事了)但我很高兴找到这样的一个乐于助人的社区，希望有一天我能够贡献自己的力量。

Answer 1

对我有用:http://jsfiddle.net/GTHyU/

我的猜测是，也许您将 url() 设置为相对于 HTML 页面而不是 CSS 文件？先用绝对 URL 试试，看看它是否开始工作，然后根据 CSS 文件的位置找出你需要的合适的相对路径。