2008-11-28 7 views
6

Je travaille avec:: vol stationnaire avec <span> éléments

#top ul li.corner span.right-corner:hover 
{ 
    background-image:url("images/corner-right-over.gif"); 
    width:4px; 
    height:15px; 
    float:left; 
} 

#top ul li.corner span.left-corner:hover 
{ 
    background-image:url("images/corner-left-over.gif"); 
    float:left; 
    width:4px; 
    height:15px; 
} 

Et je ne peux pas sembler obtenir le :hover fonctionne correctement? Je ne sais pas pourquoi, quelqu'un a-t-il des suggestions?

+0

Qu'est-ce que "top" dans les sélecteurs CSS? Si c'est un ID d'élément, il devrait être "#top" – defeated

+0

Il n'a pas imprimé le signe #, il est là dans mon CSS si. – Coughlin

+0

@RoBorg - Merci pour le montage, je viens de me connecter pour faire la même chose, puisque deux personnes pensaient que j'avais oublié le "#" Merci encore – Coughlin

Répondre

10

Je crois que le problème est que les éléments SPAN s'affichent en ligne par défaut - ce qui signifie qu'ils n'ont pas de hauteur et de largeur. Essayez-les faire explicitement bloquer des éléments de niveau en ajoutant:

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner 
{ 
    display: block; 
} 
0

Comme le commentateur l'a noté, "top" n'est pas un sélecteur valide. Il devrait être "#top" ou ".top"

0

Est-ce que vous testez dans IE? IE7 et ci-dessous seulement support :hover sur <a> (pas sûr sur IE8)

5

Ecrire <!DOCTYPE html> à la première ligne de votre document HTML. Le support Hover doit être activé pour tous les types d'éléments.

+0

bon point ... le texte en ligne, par exemple, n'a pas besoin d'être bloqué. – sheriffderek

Questions connexes