border-radius ne fonctionne pas

Je suis en train de travailler sur une base div et pour quelque étrange raison, border-radius: 7px n'est pas l'application.

.panel {
  float: right;
  width: 120px;
  height: auto;
  background: #fff;
  border-radius: 7px; //not working
}

source d'informationauteur Matt | 2012-06-12

  1. 37

    À ceux qui peuvent avoir ce problème. Mon problème a été border-collapse. Il a été fixé à:

    border-collapse: collapse;

    Je l'ai mis à:

    border-collapse: separate;

    et il a fixé le problème.

  2. 6

    dans votre div class="social-box" css

    utilisation 

                float:right

    au lieu de 

                 float:left
  3. 6

    Pour toute personne qui vient à travers cette question dans l'avenir, j'ai dû ajouter

    perspective: 1px;

    à l'élément que j'applique le rayon des frontières. Finale du code de travail:

    .ele-with-border-radius {
    border-radius: 15px;
    overflow: hidden;
    perspective: 1px;
}
  4. 4

    Pour quelque raison que votre padding: 7px paramètre est de détruire la border-radius. Changer de padding: 0px 7px

  5. 1

    Votre problème n'est pas lié à la façon dont vous avez défini border-radius. Le feu jusqu'à Chrome et frapper Ctrl+Shift+j et d'inspecter l'élément. Décochez width et de la frontière, ont des angles arrondis.

  6. 0

    Maintenant, je suis en utilisant le navigateur kit comme ceci:

    {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
  7. 0

    Essayez d'ajouter !important à votre css. Son travail pour moi.

    .panel {
  float: right;
  width: 120px;
  height: auto;
  background: #fff;
  border-radius: 7px!important;
}