Dans un conteneur en coin arrondi, je veux que la première div soit d'une autre couleur d'arrière-plan des autres divs. Le problème que j'ai est que l'arrière-plan du premier div chevauche le coin arrondi. J'ai fait un test pour montrer le problème: http://www.webdevout.net/test?025 Le problème se produit dans Chrome et FF.CSS3 bordure-rayon arrière-plan chevauchement
On dirait que vous devez donner votre div intérieure box-header-bug un haut gauche et en haut -right border border:
-moz-border-radius: 5px 5px 0 0;
ajouter les lignes suivantes à votre classe boîte-header-bug
border-radius: inherit;
-moz-border-radius: inherit;
MISE À JOUR:
border-top-left-radius: inherit;
border-top-right-radius: inherit;
L'utilisation de 'inherit' dans ce cas, apportera également les rayons de bordure inférieurs, ce que je suppose être indésirable. – matthewpavkov
Eh bien, l'idée est d'hériter du conteneur, nous n'avons donc pas besoin de transmettre des valeurs. Cependant, j'ai mis à jour le code afin qu'il reflète vos préoccupations. –
Cela devrait être la réponse acceptée car le problème est simple héritage CSS. – mystrdat
Le problème est l'héritage, pas besoin de redéfinir les valeurs. – mystrdat
@mystrdat Bien que votre réponse soit techniquement correcte, dans la pratique, cela ne fonctionne pas comme prévu. Voir mon commentaire sur votre message. – matthewpavkov