2012-06-19 53 views
0

我正在尝试制作基于有序列表工作的手风琴图片库。标记如下:css jquery div在IE浏览器中悬停

<ol> 
    <li class="slide"> 
     <div class="header"></div> 
     <div><img src="/some/path/" /></div> 
    </li> 
</ol> 

的阶段URL:http://host3.webdrafter.com/majesticbuildersmn.com/

slide类旨在是悬停状态(由红色边框所示)。当然,除IE之外,这一切都很好 - 悬停状态只能在抓取文本时悬停。我认为这是IE的一个已知问题,所以有一个可行的解决方法?

编辑:需要为IE 8 + &工作添加文本到页眉DIV允许IE赶上悬停状态,但只有在文本,在div没有其他区域

+0

IE是否会引发错误?如果jQuery正在处理幻灯片动画,那么跨浏览器不应该有任何问题。 – Trevor

+0

没有错误,只是悬停状态只在IE中真正激活,如果我在div中抛出一些文本,然后悬停文本。否则 - 没有。 –

+0

不是IE 7我认为,这东西甚至不在7 – Huangism

回答

1

将眼睛的宽度和为IE浏览器的高度

我在IE9上试过了,它看起来像是你将鼠标悬停在顶部区域,它的工作原理并不低。顶部我的意思是接近顶部,我也不知道你是如何定义这个滑块(JS),但当我改变头的高度,视觉宽度似乎改变

编辑:对于IE 9我在红色边框它移动的不是它不起作用。也许这是一个Z指数问题或其他事情。我不确定,但我希望它可以帮助你排除故障

+0

嗯,你是一种东西 - 脚本是设置div的内联样式,但在IE中它没有显示。使用开发控制台我能够设置正确的值,但它仍然古怪。 –

+0

好的,你可能需要调整CSS来使其工作或调整脚本,以便IE访问更容易 – Huangism

相关问题