Question

我知道这可能是荒谬的，你可能会说你为什么试图发明轮子，但这就是我目前所做的实验，它将帮助我在未来的项目中，目前它完全没有经济利益我

整个概念是：

我在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;
}

现在的问题是，当我浏览不同的网站时每当进入其中一个MenuChoices 时，我的鼠标光标都会被更改，但只有在某个网站中，ackground-color会发生变化并且在剩下的时间里，只有当我连续两次或三次选择一个选项时才会发生颜色变化，好像为：visited伪类设置了背景更改！我目前的IE版本是8。

知道问题可能是什么？

Answer 1

据我所知，只有某些html标签适用：在IE8中悬停。像“a”这样的东西会起作用，div不会。

有关详细信息，请参阅此link

div：hover在IE-8中奇怪地工作

1 个答案: