我知道這可能是荒謬的,你可能會說,爲什麼你正在嘗試發明輪子,但是這是我目前在做的一個實驗,這將幫助我在今後的項目和目前這對我來說完全沒有經濟利益。格:懸停工作奇怪的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