我在我的网站上使用mouseoverfunction,它在firefox、chrome和safari上运行得很好。
但是在IE9+上,如果我在元素div.arrow_wrap
上没有任何background-color
,它就找不到我的mouseover函数。Background-color:transparent
也不工作,opacity:0
也不工作。它类似于arrow_wrap
是空的。这真是太可怕了!在我的代码中,如果我在某些元素上有mouseenter
,则我选择了箭头图标为fadeOut
,如果鼠标离开这些元素,则选择了fadeIn
。这在IE中有效。那么为什么我必须在元素(div.arrow_wrap
)上使用background-color
才能在IE中也起作用呢?
现在I在css中有指向display:none
的箭头(.rsArrowIcn
),在javascript中,我在mouseover
函数中将其设置为display:block
。这确实适用于除IE之外的所有浏览器。但如果删除display:none
并选择在我的css中显示它,它确实适用于IE。所以在IE中发生的事情真的很奇怪。
如果有人能回答我的问题,我将不胜感激!网站是:http://mlido.se/site/work/adcourse/
我的代码是:http://pastebin.com/W9wrAz8n
谢谢!!
我认为你的兼容模式
转到工具菜单
选择兼容性视图设置
删除您的网站并删除所有复选框
这可以在旧版本的IE上通过将背景设置为平铺的透明gif来修复,即
background: url(images/trans.gif);