我知道这可能是荒谬的,你可能会说,为什么你正在尝试发明轮子,但是这是我目前在做的一个实验,这将帮助我在今后的项目和目前这对我来说完全没有经济利益。格:悬停工作奇怪的IE 8
的整个概念是:
我写了一篇文章在Excel的VBA代码,打开IE浏览器的一个实例,让我到我的Java脚本代码添加到网页的内容和执行它(对于Firefox Greasemonkey来说是一个刚刚起步的并且不可比的对手)。迄今为止成功。
我的Java脚本代码添加菜单基本上是在页面的右下角,但是当你的鼠标进入它,它outerHTML变成一个窄条:
<DIV style="FILTER: alpha(opacity=95); WIDTH: 450px; HEIGHT: 250px" id=alwaisible> <DIV id=dummy onmouseenter=menuButton() onmouseleave=menuButton()> <DIV id=MenuButton>_</DIV> <DIV id=MenuTitle>Ikariam Assistant</DIV> <DIV id=MenuBody> <DIV id=MenuBar> <DIV class=MenuChoices onclick=Choice(1)>Location</DIV> <DIV class=MenuChoices onclick=Choice(2)>innerHtml</DIV> <DIV class=MenuChoices onclick=Choice(4)>Call App</DIV> <DIV class=MenuChoices onclick=Choice(5)>Extra 1</DIV> <DIV class=MenuChoices onclick=Choice(0)>Extra 2</DIV> <DIV class=MenuChoices onclick=Choice(0)>Extra 3</DIV> <DIV class=MenuChoices onclick=Choice(0)>Extra 4</DIV> </DIV> <DIV style="HEIGHT: 161px" id=MenuRest>Nothing for now!</DIV> </DIV> </DIV> </DIV>
Aamong全CSS样式应用于我的问题是.MenuChoices和.MenuChoices:悬停,看起来类如下
.MenuChoices{ border: outset 2px #C7B581; color:#FFFFFF; background-color: #403924; margin: 2px 0px 0px 2px; float : left ; display : block ; width : 82px ; text-align : center ; z-index : 5001 ; } .MenuChoices:hover{ background-color:#456789 !important; cursor: pointer; }
现在的问题是,当我浏览不同的SI tes 每次进入MenuChoices之一,但只有在某个站点的背景颜色变化时,我总是会更改我的鼠标光标,并且在其余时间仅在单击选择两次或三次时发生颜色变化连续地,仿佛背景变化被设置为:visited伪类!我当前的IE版本是8.
任何想法可能是什么问题?
是IE8在标准模式?正确的文档类型等等这可以解释这个问题。 – FelipeAls 2012-03-03 15:21:16
什么是所有缺少的报价? – epascarello 2012-03-03 15:21:18
请注意,使div可点击并使用光标指针将a)不适用于屏幕阅读器和b)不使这些项目成为制表位,因此不是键盘导航。您不是非常“可访问” – mplungjan 2012-03-03 15:53:13