【问题标题】:elementproblem internet explorer元素问题 Internet Explorer
【发布时间】: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


【解决方案1】:

我认为你处于兼容模式

去 工具菜单

选择 兼容性视图设置

删除您的网站并删除所有复选框

【讨论】:

  • 感谢您的回答!!但如果您在页面加载时按下其中一个工作案例并在侧边栏外按住鼠标指针。然后箭头不会出现。反正不适合我...只有当您使用鼠标输入侧边栏、徽标、文本内容和幻灯片索引编号时它才会淡出..
【解决方案2】:

这可以通过将背景设置为平铺透明 gif 即在旧版本的 IE 上修复,即

background: url(images/trans.gif);

【讨论】:

  • 我没有尝试解决方案,我先尝试了另一件事。我在我的 CSS 中的鼠标图标上设置了 opacity:0,在鼠标悬停功能中我在光标移动时设置了 opacity:1 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-04-22
  • 1970-01-01
  • 2011-11-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多