Comment résoudre le dilemme du rayon de bordure de Chrome

Le dilemme du rayon de bordure de Chrome résolu

Malgré l'application de tous les préfixes de rayon de bordure nécessaires, les lecteurs ont rencontré un problème où les coins arrondis étaient absents pour le #screen dans Chrome, tout en fonctionnant de manière optimale dans Firefox et IE9.

Après enquête, il a été émis l'hypothèse que la gestion du découpage d'image par Chrome était le coupable. Cependant, on pensait que ce problème affectait uniquement les fichiers balises, pas d'images d'arrière-plan définies via CSS.

La résolution de ce problème déroutant est une solution de contournement simple mais efficace :

<code class="css">.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}</code>

Cette modification ajoute de la perspective à l'élément conteneur, rectifiant ainsi efficacement le rendu de Chrome comportement. Contrairement à d'autres solutions de contournement, telles que l'ajustement de l'opacité, cette solution ne modifie pas l'apparence ou la fonctionnalité de l'élément.

En implémentant cette solution de contournement, les lecteurs peuvent désormais profiter des coins arrondis souhaités pour leur élément #screen, même dans Chrome.

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!