SOLUTION: Supprime la famille de polices, la taille de police et la couleur de la div parente.Le texte ne s'affiche pas ou la lettre est remplacée par d'autres lettres
EDIT: Le problème se produit uniquement lorsque j'appuyez sur CTRL + F5
EDIT2: Je traqué le problème .site-pied de page: position: absolute; Il semble que si je le change en relatif le problème disparaît. Je reçois une erreur bizarre sur un site Web que je suis en train de développer. Il y a 2 problèmes:
Somethimes le texte ne montre pas du tout (bien que la frontière pour le texte montre) mais quand je passe la souris dessus, il commence à afficher.
Le texte est des pépins Ex: au lieu de "SYDNEY" le texte est "TZDOEZ" et je dois actualiser la page ou modifier les dimensions de la fenêtre du navigateur pour supprimer le problème.
Est-ce que quelqu'un d'autre a rencontré le problème?
Pour être clair:
Le texte n'est pas la même couleur que l'arrière-plan.
Le texte est inséré par pur html Javascript, PHP, etc
J'utilise Open Font Sans de Google Fonts.
Cela arrive peu importe la police que j'utilise.
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="full-width">
<div class="left">
<ul class="footer-list">
<li><a href="#">Sydney</a> <span>Tel: +00 0 000 0000</span></li>
</ul>
</div>
<div class="right">
<ul class="footer-list">
<li><a href="#">Sydney</a></li>
</ul>
</div>
</div>
CSS:
.site-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #000000;
padding: 10px 20px;
font-family: 'Open Sans', sans-serif;
text-rendering: optimizeLegibility;
font-size: 13px;
color: #bcbcbc;
}
.footer-list li {
display: inline-block;
padding: 0 9px;
border-right: 1px solid #666666;
}
.footer-list a, .footer-list span {
display: block;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
En fait j'ai essayé de l'ajouter comme une solution. Ça ne marche pas avec ou sans. – WingmanImd
EDIT2: J'ai repéré le problème à .site-footer: position: absolute; Il semble que si je le change en relatif le problème disparaît. – WingmanImd