Pourquoi les images ont-elles toujours des bordures dans Chrome et IE9, même avec "border: none;\" ?

Techniques de suppression des bordures dans Chrome et IE9

Supprimer la bordure disgracieuse qui persiste autour des images dans Chrome et IE9 peut être une tâche frustrante. Malgré la définition des propriétés de bordure sur « Aucune », ces navigateurs maintiennent obstinément une ligne fine.

Causes potentielles et solutions :

• Bogue Chrome : Chrome ignore le "border:none;" style, en particulier pour les images aux dimensions spécifiques. Pour contourner ce problème, incitez Chrome à ne percevoir aucune présence d'image en attribuant une largeur et une hauteur nulles, associées à des valeurs de remplissage précises pour s'adapter à la taille d'image souhaitée.
• Comportement IE9 : IE9 ajoute un pixel- fine bordure de sélection autour des images lorsque l'on clique sur l'image. Pour éliminer cela, désactivez la propriété « user-select ».

Exemple de mise en œuvre :

Bogue CSS pour Chrome :

<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>

Bordure de sélection CSS pour IE9 :

<code class="css">img {
    -ms-user-select:none;
    user-select:none;
}</code>

Conseils supplémentaires :

• Assurez-vous que l'image est non enveloppé dans d'autres éléments avec des bordures.
• Vérifiez les préfixes des fournisseurs susceptibles d'influencer l'apparence de la bordure.
• Essayez de désactiver temporairement l'accélération matérielle pour voir si cela affecte le comportement de la bordure.

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!