Pourquoi Border-Radius ne fonctionne-t-il pas sur #screenQuery dans Chrome ?

Négligence de Border-Radius sur Webkit pour #screen

Requête

Les utilisateurs rencontrent un problème inexpliqué où la propriété border-radius sur l'élément #screen cesse d'exister lors de l'utilisation de Google Chrome, alors que les navigateurs comme Firefox ou IE9 ne présentent aucun problème de ce type.

Solution

Malgré l'application de tous les préfixes de navigateur nécessaires et de la syntaxe standard border-radius, l'élément ne parvient pas à rendu avec des coins arrondis. Le coupable est un bug dans le moteur de rendu de Chrome. Pour résoudre ce problème, utilisez la solution de contournement suivante :

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

Ce correctif non intrusif préserve l'intégrité de l'affichage, contrairement à la solution de contournement opacité : 0,99.

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!