HTML: supprimer un:hover pour les images?
Pour texte liens, j'ai:
CSS:
a:link {color: #3366a9; text-decoration: none}
a:hover {border-bottom: 1px solid; color: black}
Mais cela ajoute aussi un noire souligner sur réticulable Dim que je ne veux pas.
Comment puis-je supprimer le border-bottom
sur réticulable Dim lors de son survol à l'aide de CSS?
J'ai essayé ce qui suit:
a:hover img {border-bottom: 0px}
Mais cela ne fonctionne pas
Live exemple (essayez de passez la souris sur le logo en haut à gauche)
Je viens de vérifier les vis par exemple, il fonctionne très bien dans Safari 4 Mac et IE 7 Windows. Vous avez oublié de marquer cette question une réponse?
à l'aide de Firefox 3.5 RC et IE6 - le logo obtient une bordure noire lors de son survol. Semble que seul webkit fait ce qu'on veut
Live exemple de lien nécessite une connexion.
à l'aide de Firefox 3.5 RC et IE6 - le logo obtient une bordure noire lors de son survol. Semble que seul webkit fait ce qu'on veut
Live exemple de lien nécessite une connexion.
OriginalL'auteur | 2009-06-23
Vous devez vous connecter pour publier un commentaire.
Si vous flotter vos images vs inline cela fonctionne et nécessitera pas de modifications de lien vers l'image attributs de Steve réponse exige.
OriginalL'auteur Marc
Cela devrait faire l'affaire.
il est affecté à une règle de ancres, indiquant quelque chose à l'intérieur n'ont pas de frontière habitude de nuire à la réelle placez la balise
Je suis lié à la vis par exemple dans les principales post ci-dessus ... au cas où ça aide.
Hmm, bizarre, c'est que la bordure inférieure que dans IE8. Testé compaitibiliy mode (n'affiche pas de frontière) et Chrome 3.0 (fonctionne comme prévu). Ne spécifiant le :hover directement sur une classe pour l'image marche pas non plus?
Pour obtenir ce travail dans IE8, j'ai ajouté en-dessous de mon a:hover dans le fichier css: img { border: 0px; }
OriginalL'auteur Relster
Ne sais pas si c'est la meilleure solution, mais il fonctionne:
Puis définissez les points d'ancrage avec des images à la "aimg" classe:
est la ">" sélecteur effectivement un "a"?
non, > moyen immédiat de l'enfant. div > sélectionne <div><a href="#">asdf</a></div> mais <div><p><a href="#">qwer</a></p></div>.
OriginalL'auteur Steve Echols
cela a fonctionné pour moi aussi dans IE. IE affiche les frontières, mais avec cela, il n'est pas plus.
OriginalL'auteur Andrew72nd
Trouvé cet exemple ici: https://perishablepress.com/css-remove-link-underlines-borders-linked-images/
C'est exactement ce que vous voulez, je suppose.
Fonctionne parfaitement sous Firefox, supprime tous les effets de la liaison, qui contient une image de formats.
OriginalL'auteur Mikhail V
J'ai utilisé jQuery pour ajouter un "non-hover" classe à tous une des balises qui contiennent une image:
Et dans le CSS j'ai fait ceci:
Si jQuery est trop lourde pour vous, vous pouvez utiliser picoQuery. Son juste 1k, si seulement vous choisissez l' .méthode each ().
OriginalL'auteur rosell.dk
Avez-vous essayé
a img {border:none}
?Je suis lié à la vis par exemple dans les principales post ci-dessus ... au cas où ça aide.
OriginalL'auteur Mozez