ie6 caché fond image non montrée jusqu'à hover

J'ai un menu qui a des liens avec des icônes. Les icônes ne s'affichent que lorsque je passe la souris dessus. Les icônes sont définies comme images d'arrière-plan.ie6 caché fond image non montrée jusqu'à hover

Quand je vois dans le Fiddler la demande de l'image ne se produit que lorsque je passe la souris sur le lien

HTML:

<div style="display:none" id="menu"> 
<a href="test.htm"><span class="wicon"/>Test</a> 
</div>

CSS:

.wicon { 
background:url('icons.png') no-repeat; 
width:17px; 
height:16px; 
display:inline-block; 
vertical-align:text-top; 
}

Source

2010-09-27 user460025

Test

 .wicon { background:url('icons.png') no-repeat; width:17px; height:16px; display:inline-block; vertical-align:text-top; }

– user460025

Lorsque vous ajoutez des codes, assurez-vous de les insérer dans la question originale à l'aide du bouton «Modifier». Et assurez-vous de formater votre question correctement, en formatant le code en le sélectionnant avec votre souris et en appuyant sur 'ctrl + k'. Il y a quelques directives disponibles quand vous êtes dans la page de «question de question» :) – Kyle

Pouvez-vous signaler le CSS et le HTML appropriés afin que nous puissions jeter un coup d'oeil s'il vous plaît ?? –

Je ne suis pas sûr Si cela résout le problème, mais votre balise span est mal formée. Il n'est pas une balise de fermeture auto, il doit être fermé comme celui-ci:

<span class="wicon">Test</span>

Aussi, avez-vous un correctif pour .png javascript IE6? (pour permettre la transparence de pngs) Il peut être la cause du problème. Si c'est le cas, essayez de le désactiver pour cette icône particulière.

Sinon, je suppose qu'il y a du javascript dans votre code pour montrer le lien puisqu'il est enveloppé dans un div caché. Pourriez-vous poster le code?

Source

2011-11-16 23:31:34 Emilie

ie6 caché fond image non montrée jusqu'à hover

Répondre

Questions connexes