Maison > interface Web > tutoriel CSS > Pourquoi mon image a-t-elle toujours une bordure dans Chrome et IE9 malgré l'utilisation de CSS et jQuery ?

Pourquoi mon image a-t-elle toujours une bordure dans Chrome et IE9 malgré l'utilisation de CSS et jQuery ?

DDD
Libérer: 2024-11-02 20:13:02
original
477 Les gens l'ont consulté

Why Does My Image Still Have a Border in Chrome and IE9 Despite Using CSS and jQuery?

Résolution du problème de bordure d'image dans Chrome et IE9

Ce fil de discussion traite d'un problème où une bordure visible apparaît autour des images dans Chrome et Internet Explorer 9 malgré les tentatives de suppression à l'aide de CSS et jQuery.

Le code CSS fourni :

<code class="css">outline: none;
border: none;</code>
Copier après la connexion

désactive à la fois le contour et la bordure, tandis qu'un attribut border=0 est ajouté à toutes les balises d'image. Cependant, la bordure persiste.

La cause première de ce problème est un bug dans Chrome qui ne tient pas compte de la bordure : aucune ; style. Pour contourner le problème, nous devons faire croire à Chrome qu’il n’y a aucun contenu à afficher. Voici une solution utilisant un bloc d'ID CSS :

<code class="css">#dlbutn {
    display:block;
    width:0px;
    height:0px;
    outline:none;
    padding:43px 51px 43px 51px;
    margin:0 auto 5px auto;
    background-image:url(/images/download-button-102x86.png);
    background-repeat:no-repeat;
}</code>
Copier après la connexion

Cela définit la taille de l'image à zéro mais inclut un remplissage avec les dimensions de l'image réelle. Chrome est effectivement amené à penser qu'il n'y a pas d'image tout en laissant de l'espace pour l'image d'arrière-plan du bouton. Cette solution élimine le contour et la bordure indésirables dans Chrome et les autres navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal