div: hover странно работает в IE-8 - PullRequest
1 голос
/ 03 марта 2012

Я знаю, что это может быть нелепо, и вы можете сказать, почему вы пытаетесь изобрести колесо, но это то, чем я сейчас занимаюсь в качестве эксперимента, который поможет мне в будущих проектах, и в настоящее время это совершенно не приносит никакой финансовой прибыли. я.

вся концепция:

  • Я написал фрагмент кода в Excel-vba, который открывает экземпляр IE, позволяя мне добавить свой код java-скрипта к содержимому веб-страницы и выполнить его (недопустимый и несопоставимый аналог для Firefox Грязная обезьяна). Пока успех.

  • Мой код java-скрипта добавляет меню, которое представляет собой узкую полосу в правом нижнем углу страницы, но когда ваша мышь входит в нее, его externalHTML превращается в:

    <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>
    
  • Среди всего применяемого стиля 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 , но только на одном определенном сайте меняется цвет фона а в остальное время изменение цвета происходит только тогда, когда я нажимаю на выбор два или три раза подряд, как если бы изменение фона было установлено для псевдокласса: visit! моя текущая версия IE - 8.

Есть идеи, в чем проблема?

1 Ответ

0 голосов
/ 03 марта 2012

Насколько я знаю, только определенные html-теги работают с: hover в IE8. Такие вещи, как «а» будут работать, div не будет.

Для получения дополнительной информации, пожалуйста, смотрите эту ссылку

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...