2009-06-06 12 views
0

J'ai une page Web qui utilise des sprites pour son lien de navigation. Dans IE7, les liens ne sont parfois pas cliquables. Cela fonctionne très bien dans IE8 et Firefox. Quelqu'un a-t-il déjà rencontré ça?Les liens ne fonctionnent parfois pas dans IE

http://blazemanifesto.com

Merci.

Modifier
Pour clarifier, sur mon ordinateur, tout fonctionne très bien. (Vista, IE8, Firefox 3, Chrome, Safari). J'ai eu une plainte de certains utilisateurs que la navigation principale n'était pas cliquable. Honnêtement, je pensais "erreur de l'utilisateur" et ne regarde pas beaucoup plus loin. La nuit dernière, j'ai vu ma femme naviguer sur le site (Vista, IE7), et a remarqué quelques fois quand elle a survolé un lien, il n'était pas cliquable. Le pointeur de la souris ne s'est pas transformé en main, et le lien lui-même n'est pas devenu blanc. En cliquant n'a rien fait. Certains liens fonctionnent bien, d'autres sont sporadiques, d'autres ne fonctionnent jamais.

Je n'ai jamais vu ça auparavant, alors j'ai décidé de vous demander.

+0

Qu'entendez-vous par "non cliquable"? Ils fonctionnent très bien pour moi. –

+2

Que voulez-vous dire par «parfois»? Comme, parfois, le lien 1 fonctionne dans IE7 et d'autres fois le même lien ne fonctionne pas? Ou certains liens fonctionnent et d'autres non? – AgileJon

Répondre

1

Il semble que IE7 n'aime pas que vous avez affecté l'arrière-plan image au conteneur .nav et qui brille juste à travers les backrounds transparents des liens réels.

Lorsque j'ai défini l'image d'arrière-plan sur les liens directement, ils ont commencé à fonctionner correctement. Je vous conseille de faire de même.

BTW, au lieu d'écrire de longues lignes comme celles-ci:

.nav .vision a:link, .nav .vision a:visited { ... } 
.nav .vision a:hover, .nav .vision a:focus, .nav .vision a:active { ... } 

Je voudrais simplement utiliser:

.nav .vision a { ... } 
.nav .vision a:hover { ... } 

Les premières cibles de sélection tous les A éléments dans l'état où ils sont et: hover overrides que lorsque le curseur est sur A. (Je suppose que vous ne vous souciez pas vraiment de tous ceux: focus et: états actifs.)

+1

Mauvais conseil. On devrait couvrir tous les états de lien. – Wolfr

+0

Eh bien, en général, je serais d'accord avec vous, mais pour la navigation, vous ne voulez généralement pas différencier les liens visités. Je ne me suis jamais soucié de: l'état actif et: le focus est quelque chose que les agents utilisateurs gèrent très bien avec un style spécial que vous devez éviter de surcharger. –

-1

Utilisez simplement Firefox. :)

Honnêtement, je pense que vous aurez besoin d'utiliser une stricte dtd:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

Voir plus sur la IE blog.

+1

Pourquoi devrais-je choisir strict sur transitionnel? Ce n'était pas clair du lien que vous m'avez envoyé. –

1

Vous vous souciez de IE6? Vous avez beaucoup de problèmes de mise en page/image là-bas.

+0

Je m'en soucie, en quelque sorte. Microsoft a-t-il encore une machine virtuelle téléchargeable avec IE6? –

+0

Jusqu'en août 2009, je peux toujours utiliser les XP VHD de Microsoft. Je suppose que j'ai encore du travail à faire. http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=fr –

Questions connexes