CSS滚动：悬停图像不能在IE8中滚动

我对IE7有很多问题，但这次IE8正在做一些奇怪的事情。CSS滚动：悬停图像不能在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>

我无法点击的项目，它不会翻转。它甚至不在屏幕中央。我认为这是做这么基本的事情的正确方法。

来源

2010-07-19 skerit

是不是'inschrijven'看不见的，因为含跨度为'显示：none'？我看不出悬停事件是如何有机会触发的。 – 2010-07-19 08:37:10

我无法找到一个类似的案件，和所有其他按钮似乎在IE8的工作，但这里是我的解决方案：

离开跨度空。不需要空间，不要隐藏它。

设置填充这个范围，调整到图像尺寸：

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

来源

2010-07-19 09:11:32 skerit

，我认为它是无形的，因为这个CSS的：

.inschrijven span{display: none;}

你有<span>设置你的内部链接，但随后你已经不可见上面CSS，所以你不能看到它，因此”点击它。

尝试取出下面的CSS，然后看到：

.inschrijven span{display: none;}

来源

2010-07-19 08:36:55 Sarfraz

当然，但会在图像上显示文字。即使这样，图片只会在文字上滚动，而不是图片的其余部分。 – skerit 2010-07-19 08:42:04

林不知道你的问题是什么，它工作正常，我

虽然因为其他人注意到你的跨度无形。 http://jsfiddle.net/F2XJs/2/

http://jsfiddle.net/F2XJs/3/拥有的一切工作，并评论说，此外，它实现了与内文的要求，而使用跨度:)

来源

2010-07-19 11:29:39 Hailwood

CSS滚动：悬停图像不能在IE8中滚动

回答

相关问题