CSS滾動：懸停圖像不能在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

我無法找到一個類似的案件，和所有其他按鈕似乎在IE8的工作，但這裏是我的解決方案：

離開跨度空。不需要空間，不要隱藏它。

設置填充這個範圍，調整到圖像尺寸：

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

Answer 2

，我認爲它是無形的，因爲這個CSS的：

.inschrijven span{display: none;} 

你有<span>設置你的內部鏈接，但隨後你已經不可見上面CSS，所以你不能看到它，因此」點擊它。

嘗試取出下面的CSS，然後看到：

.inschrijven span{display: none;} 

Answer 3

林不知道你的問題是什麼，它工作正常，我

雖然因爲其他人注意到你的跨度無形。 http://jsfiddle.net/F2XJs/2/

http://jsfiddle.net/F2XJs/3/擁有的一切工作，並評論說，此外，它實現了與內文的要求，而使用跨度:)