2009-10-30 3 views
2

J'ai une durée avec le style suivant:Span curseur de style sur les zones vides. problème IE8

margin: 5px 0; 
padding: 2px; 
cursor: pointer; 
display: block; 
width:100%; 
background-color:Blue; 

Cela fonctionne très bien avec IE6, IE7, FF3 et Chrome, mais IE8 le curseur est modifié que dans les parties de la travée qui ont du texte (dans d'autres navigateurs, toute la plage a changé de curseur).

Toute idée de la façon de résoudre ce problème (je ne veux pas mettre l'étiquette de compatibilité sur la page).

À la votre!

Solution: Le problème était que les travées étaient à l'intérieur d'un div flotté, ce qui causait le problème.

+0

Ce code fonctionne bien dans ma fenêtre IE8, le pointeur apparaît sur la durée entière. Peut-être une différence dans vos paramètres IE? – Pablo

Répondre

0

Il fonctionne bien pour moi dans IE8

Voici un exemple:

http://jsbin.com/oqiwo

(ajouter/modifier pour modifier le code)

<span style="margin: 5px 0;padding: 2px;cursor: pointer;display: block;width:100%;background-color:Blue;" >Hover over to change cursor to pointer</span> 
+0

Bonjour, merci pour votre aide. Il semble que le problème était que le conteneur div avait un flotteur: style gauche, j'ai enlevé cela et le problème a disparu. – willvv

2

Ajouter Position: relative à votre style actuel. Le curseur apparaîtra correctement.