html - CSS 翻转 :hover image not rolling over in IE8

Question

我在 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>

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

Answer 1

我认为它是不可见的，因为这个 css:

.inschrijven span{display: none;}

你有 <span>设置在您的链接中，但随后您使用上面的 CSS 使其不可见，因此您看不到它，因此无法点击它。

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

.inschrijven span{display: none;}