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>

.inschrijven{显示：块；宽度：460px；高度：150px；背景：url（“image.png”）无重复0；}
.inschrijven:悬停{背景位置：底部；}
.inschrijven span{display:none；}

我无法单击该项目，它不会滚动。它甚至不在屏幕中央。

---

我认为这是做一些如此基本的事情的正确方法。

我认为这是不可见的，因为css：

.inschrijven span{display: none;}

您在链接中设置了

，但是您使用上述CSS使其不可见，因此您无法看到它，因此无法单击它

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

.inschrijven span{display: none;}

---

我找不到类似的案例，其他每个按钮似乎都在IE8中工作，但以下是我的解决方案：

将跨度留空。不需要空间，不要隐藏它

设置此范围的填充，调整为图像尺寸：

.inschrijven span {padding:5px 230px 145px;}

---

我不确定你的问题是什么，它对我很好

尽管其他人已经注意到你的跨度是看不见的。

---

所有内容都正常工作，并进行了注释。此外，它在不使用span:）的情况下通过文本达到了您的要求。

不

inschrijven

不可见，因为包含的span是

display:none

？我看不出悬停事件如何有机会在这里触发。当然，但这会在图像顶部显示文本。即使这样，图像也只会在文本上滚动，而不是图像的其余部分。