Pseudo élément: avant et débordement caché
J'ai un élément qui a deux frontières. J'ai obtenu que par l'ajout d'un pseudo-élément:
.inner:before {
width: 72px;
height: 28px;
content: '';
display: block;
border: 3px solid rgb(255, 0, 0);
position: absolute;
}
L'élément est emballé avec un autre div qui a la propriété overflow: hidden
.
Comme vous pouvez le voir ici: http://jsfiddle.net/HKEn4/1/ l' .intérieure-élément est masqué, mais pas le pseudo élément (testé avec safari, firefox et chrome sur OSX).
Comment puis-je cacher le pseudo-élément?
source d'informationauteur Alexander Scholz
Vous devez vous connecter pour publier un commentaire.
J'ai ajouté
position: relative;
dans le.wrapper
classe et ça marche!!!Voir violon: http://jsfiddle.net/HKEn4/2/
Soit supprimer le
position:absolute
de la:before
pseudo-élément, ou ajouterposition:relative
pour le conteneur..