Comment supprimer les bordures autour des images cassées dans webkit?
Quelqu'un peut-il me conseiller sur ce point? Les navigateurs WebKit continue à mettre un gris 1px bordure autour de désactivé les images. La raison j'ai besoin de cette suppression est pour le courrier électronique d'optimisation pour quand les clients de messagerie ont les images sont désactivées. Fonctionne très bien sous Firefox, mais les navigateurs WebKit continuer à montrer la frontière.
J'ai essayé border:none !important
partout, y compris en ligne, mais Chrome/Safari sont têtus.
Edit: Voici un exemple de code html avec du css
<img style="outline:none;text-decoration:none;display:block;border:none;-webkit-border:0;" border="0" src="images/rm_bnk.gif" width="10" height="10" alt="test" />
source d'informationauteur Van Nguyen
Vous devez vous connecter pour publier un commentaire.
Il n'y a aucun moyen de le supprimer mais j'ai enveloppé l'image dans un élément qui a débordement de la propriété hidden dans ses styles.
Prendre un coup d'oeil à cette poubelle
http://jsbin.com/OpAyAZa/1/edit
Amit la réponse est tout simplement génial, mais un petit conseil:
utilisation visibility: hidden; au lieu de display: none;
Si
img
src
n'est pas présent ou cassé, alors utilisez-dessouscss
codecette css masquer l'image jusqu'à ce que
img
src
n'est pas complètement chargé.Navigateurs ne semblent pas vraiment vous donner un moyen de supprimer la frontière. Votre solution la plus simple est de changer votre img à un div et d'appliquer l'image comme arrière-plan.
De cette façon, si il n'y a pas de src, vous n'obtiendrez pas le cassé icône de l'image et de la frontière.
Mise à jour: Microsoft Outlook rend les choses difficiles, et le remède est presque pire que le mal: vector markup language), la forme des éléments, données images des éléments, etc. Si vous avez autour de google, vous allez voir comment utiliser http://blog.oxagile.com/2010/04/23/background-images-for-outlook-2007-and-outlook-2010-beta/
Les utilisateurs d'Outlook pourriez avoir à aller sans l'image de sorte que vous pouvez l'appeler un jour.
Essayez d'utiliser un peu de JavaScript pour supprimer l'image brisée. C'est le seul moyen
Parce que le rendu de l'image cassée varie d'un navigateur à l'autre et il ne pouvait pas être modifié.
P. S:
onerror
le feu lorsque l'image n'est pas chargéeVous pouvez essayer ce code pour supprimer les bordures autour des images brisées dans webkit.