2012-03-03 95 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