Проблема с фоновым изображением css в опере

У меня проблема в опере. У меня есть серия гиперссылок в ul li с фоновыми изображениями. Курсор-указатель не отображается при наведении курсора на ссылки.

Is this a know bug, code below

  • /cricket" title="Cricket" id="cricket-link" style="background-image:url(/wp-content/themes/blank2L/images/sidebar-cricket-bg.jpg);" onmouseover="$( ).hoverSidebarImage('/wp-content/themes/blank2L/images/sidebar-cricket-bghover.jpg', 'крикет'); return false;" onmouseout="$().originalSidebarImage('/wp-content/themes/blank2L/images/sidebar-cricket-bg.jpg', 'cricket'); вернуть ложь;">Крикет

    • #sidebar ul {
margin: 0;
padding: 0 0 27px 16px;
display: block;
float: left;
width: 180px;
}

#sidebar ul li {
background-image: url(images/left-nav-bg.jpg);
background-repeat: no-repeat;
margin: 0;
margin-bottom: 10px;
padding: 0;
display: block;
float: left;
width: 180px;
height: 40px;
list-style-type: none;
cursor:pointer !important;
}


#sidebar ul li a {
background-repeat: no-repeat;
background-position: 2px 2px;
margin: 0;
padding: 8px 8px 0 4px;
display: block;
float: left;
width: 168px;
height: 32px;
color: #ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: right;
cursor:pointer !important;
}

    css opera
    person buffaloj    schedule 02.06.2010    source источник

    Ответы (2)


    arrow_upward
    0
    arrow_downward

    вы должны использовать стадию наведения для этого идентификатора

    #sidebar ul li hover{
background-repeat: no-repeat;
background-position: 2px 2px;
margin: 0;
display: block;
float: left;
width: 168px;
height: 32px;
color: #ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: right;
cursor:pointer !important;
}

    добавьте этот css в свой стиль.

    person Kali Charan Rajput    schedule 02.06.2010
    comment
    Это не решило эту проблему, к сожалению. Я обнаружил, что курсор отображается, если я удаляю код JQuery, почему это сломает его? Огромное спасибо - person buffaloj; 02.06.2010

    arrow_upward
    0
    arrow_downward

    Проблема решена, изменены события mouseover и mouseout, чтобы они возвращали true;

    person buffaloj    schedule 02.06.2010
    comment
    Если вам интересно, почему это работает, я думаю, что могу пролить немного света: эти события mouseover и mouseout возвращают, должно ли событие всплывать к их родительскому элементу. Таким образом, похоже, что по какой-то причине Opera не обновляет курсор, если только событие не всплывает, и, поскольку jQuery был настроен на возврат false в своих обработчиках событий, этого всплытия никогда не происходило. - person Dan M; 04.06.2010