html - Text is not showing or letter are being replaced with other letters -


solution: remove font-family, font-size , color parent div.

edit: problem occurs when press ctrl + f5

edit2: tracked down problem .site-footer: position:absolute; .it seems if change relative problem dissapears.

i'm getting weird error on website i'm developing. there 2 problems:

  1. somethimes text not showing @ (though border text showing) when hover on it, starts displaying.

  2. the text glitches ex: instead of "sydney" text "tzdoez" , have refresh page or change browser window dimensions remove problem.

did else encountered problem?

just clear:

the text not same color background.

the text inserted pure html not javascript, php, etc

i use open sans font google fonts.

it happens no matter font use.

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

have tried removing text-rendering: optimizelegibility; , seeing if bug persists?


Comments

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

Nuget pack csproj using nuspec -

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -