html - 背景图像出现在悬停上

我有一个按钮，当悬停在上面时，我希望背景图像也显示出来。（箭头是按钮的说明）。有很多类似的问题，但我不能很好地调整答案为我工作。
HTML看起来像

<div id="header_feedback">
    <a href="#contactForm">
        <img title="Add an Event" src="./img/header_feedback.png" alt="Give us your Feedback"/>
    </a>
</div>

然后css是

#header_feedback
{margin-left:730px;
margin-top:-135px;
position:absolute;}

#header_feedback:hover
{
background: url ('./img/addevent_tip.png');
}

任何想法都非常欢迎！

最佳答案

这里的主要问题不是你的css。Itagi's answer正确地识别了您不能在url和parens/地址之间有空格的小问题。
但还有两个更大的问题：
无效的图像URL:应用时，background: url('./img/addevent_tip.png');找不到有效的图像。要解决这个问题，要么需要两个句点，要么需要零。所以要么background: url('/img/addevent_tip.png');要么background: url('../img/addevent_tip.png');
应用于不透明图像的背景不可见：由于div的整个内容是一个图像，并且该图像没有透明度，因此即使正确发生了悬停更改，也无法看到它。您可以通过使图像的一部分透明（或者，为非悬停状态设置一个背景，使其看起来像正常的那样）或者放弃图像而使用css spring来对此进行调整。