2015-07-23 2 views
0

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:

  1. 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.

  2. 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; 
} 

Répondre

0

Avez-vous essayé d'enlever text-rendering: optimizeLegibility; et de voir si le bug persiste?

+0

En fait j'ai essayé de l'ajouter comme une solution. Ça ne marche pas avec ou sans. – WingmanImd

+0

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