html - CSS滚动:悬停图像未在IE8中滚动

IE7有很多问题，但是这次IE8做的很奇怪。

下一段代码不起作用：

<style>
.inschrijven{ display: block;  width: 460px;  height: 150px; background: url("image.png") no-repeat 0 0;}
.inschrijven:hover{background-position: bottom;}
.inschrijven span{display: none;}
</style>

<div style="text-align:center;">
<a href="#" onclick="pageTracker._trackEvent('samenstellen', 'click', 'track');" class="inschrijven"><span>Schrijf u hier in</span></a>
</div>

我无法单击该项目，它不会滚动。它甚至不在屏幕中央。
我认为这是做基本事情的正确方法。

最佳答案

我认为它是不可见的，因为此CSS：

.inschrijven span{display: none;}

您已经在链接内设置了<span>，但随后在上面的CSS中使它不可见，因此您看不到它，因此无法单击它。

尝试删除下面的CSS，然后查看：

.inschrijven span{display: none;}