2012-03-03 93 views
1

我知道这可能是荒谬的,你可能会说,为什么你正在尝试发明轮子,但是这是我目前在做的一个实验,这将帮助我在今后的项目和目前这对我来说完全没有经济利益。格:悬停工作奇怪的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.

任何想法可能是什么问题?

+0

是IE8在标准模式?正确的文档类型等等这可以解释这个问题。 – FelipeAls 2012-03-03 15:21:16

+0

什么是所有缺少的报价? – epascarello 2012-03-03 15:21:18

+0

请注意,使div可点击并使用光标指针将a)不适用于屏幕阅读器和b)不使这些项目成为制表位,因此不是键盘导航。您不是非常“可访问” – mplungjan 2012-03-03 15:53:13

回答

0

据我所知,只有某些html标签可以处理:悬停在IE8中。像“a”这样的东西会起作用,div不会。

欲了解更多信息,请参阅本link

+1

IE6就是这种情况('a',我相信表单元素)。标准模式下的IE8应该没问题,但可能不是怪癖模式 – FelipeAls 2012-03-03 15:23:41

+0

my:hover类的作品,但问题是它只是改变指针而不是背景色!? – 2012-03-03 16:08:15