Image d'arrière-plan opéra opéra css

J'ai un problème dans l'opéra. J'ai une série sur hyperlinnks dans un ul li avec des images de backgorund appliquées. Le curseur du pointeur ne s'affiche pas lorsque je survole les liens.Image d'arrière-plan opéra opéra css

Est-ce un bug de savoir, le code ci-dessous

/cricket "title = "Cricket" id = "cricket lien" style =" background-image: url (/ wp-content/themes/blank2L/images/barre latérale -cricket-bg.jpg); "onmouseover =" $(). hoverSidebarImage ('/ wp-contenu/themes/blank2L/images/sidebar-cricket-bghover.jpg', 'cricket'); return false; "onmouseout =" $(). originalSidebarImage ('/ wp-contenu/themes/blank2L/images/sidebar-cricket-bg.jpg', 'cricket'); return false; "> 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; 
}

Source

2010-06-02 buffaloj

Problème résolu, changé les événements mouseover et mouseout être. return true;

Source

2010-06-02 09:25:52 buffaloj

Si vous êtes curieux de savoir pourquoi cela fonctionne, je pense que je peux faire un peu de lumière: Ce que ces événements mouseover et mouseout retournent est de savoir si l'événement devrait ou non atteindre leur élément parent. Donc, il semble que pour une raison quelconque, Opera ne met pas à jour le curseur à moins que l'événement ne bouge, et puisque jQuery a été défini pour retourner false dans ses gestionnaires d'événements, ce bouillonnement n'a jamais eu lieu. –

vous devez utiliser l'étape de vol stationnaire pour cet id

#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; 
}

ajouter cette css dans votre style

Source

2010-06-02 09:06:15

Cela n'a malheureusement pas résolu ce problème J'ai découvert que le curseur s'affiche si je supprime le code JQuery, pourquoi cela le casserait-il? Merci beaucoup – buffaloj

Image d'arrière-plan opéra opéra css

Répondre

Questions connexes