[Résolu] Affichages différents sous [Opéra & Chrome]

Bonjour tout le monde,

J'ai un petit soucis concernant l'affichage d'un carré avec une rotation. Sous Mozilla et Ie, l'affichage est bon (1), sous Opéra et Chrome, le contour est bleu l'intérieur est blanc (2)



avec ce css :

 maClass::before {
color: #30bdea;
    content: "\25fc";
    display: block;
    font-size: 4em;
    line-height: 0;
    position: relative;
    text-align: center;
    top: -5px;
    transform: rotate(45deg);
    z-index: 1;
}

Modifié par blond1n (01 Sep 2017 - 12:24)

à défaut de comprendre pourquoi mon content :"\25fc" n'est pas traité de la même manière. Le css est modifié, plus de bug, sans avoir compris pourquoi ce content foireux :

maClass::before {
	background-color: #30bdea;
    content: "";
    display: inline-block;
    height: 43px;
    position: relative;
    text-align: center;
    top: -25px;
    transform: rotate(-45deg);
    width: 43px;
    z-index: -1;
}

Modifié par blond1n (01 Sep 2017 - 13:31)

Si vous savez pourquoi ce bug apparait je suis preneur de l'info

blond1n a écrit :
Si vous savez pourquoi ce bug apparait je suis preneur de l'info

Je suis toujours preneur de vos remarques concernant cette interprétation des différentes des navigateurs.

Tu devrait lire cette norme sur notre sdite;
https://www.alsacreations.com/article/lire/1418-css3-transformations-2d.html

Je viens de regarder, je ne voie pas de ligne parlant de cette interprétation du [content:"";]