Archive for tag: HTML

Background Image Flicker

Recently I noticed site flicker...  Okay, recently one of my co-workers noticed site flicker...  Fine, months ago, a co-worker noticed site flicker and I ignored the problem.  

I should mention the solution to this problem is mind bending.  W3C standards for CSS3 specify that backgrounds should go on the body tag.  However, I can't argue with the simple fact... that in practice, this works.

Description: When clicking links within a site, the background tends to flicker on reload.  This occurs even if the page structure is nearly identical.

Solution: Apply height/width/background to html tag instead of body tag.


html {
height: 100%;
width: 100%;
background: transparent url(image.png); }

Reference: W3C CSS3 Background Standards (unfinished) Problem with background color and google chrome