【发布时间】:2012-09-05 16:35:42
【问题描述】:
我在我的网站上使用鼠标悬停功能,它在 firefox、chrome 和 safari 上完美运行。
但在 IE9+ 上,如果我在元素 div.arrow_wrap 上没有任何 background-color,它无法找到我的鼠标悬停功能。 Background-color:transparent 也不起作用,opacity:0 也不起作用。它就像arrow_wrap 是空的。这真的很奇怪!在我的代码中,如果某些元素上有mouseenter,我选择箭头图标fadeOut,如果鼠标离开这些元素,则选择fadeIn。这适用于 IE。那么为什么我必须在我的元素 (div.arrow_wrap) 上使用 background-color 才能让它在 IE 中也能正常工作。
现在我在我的css和我的javascript中将我的箭头(.rsArrowIcn)指向display:none,我在mouseover函数中将它设置为display:block。这确实适用于除 IE 之外的所有浏览器。但是,如果删除display:none 并选择让它在我的css 中可见,它确实可以在IE 中工作。所以在 IE 中发生的事情真的很奇怪。
如果有人回答我的问题,我将非常感激!网址是:http://mlido.se/site/work/adcourse/
我的代码是:http://pastebin.com/W9wrAz8n
谢谢!!
【问题讨论】:
-
你确定它是 IE 9+ 吗?它在 IE 9 中运行良好。另外,你不能在发布之前格式化你的问题吗?看看现在怎么样。
-
感谢您的回答!!但如果您在页面加载时按下其中一个工作案例并在侧边栏外按住鼠标指针。然后箭头不会出现。反正不适合我...只有当您使用鼠标输入侧边栏、徽标、文本内容和幻灯片索引编号时,它才会淡出。
标签: javascript internet-explorer-9 mouseover