: Fixed background images not displaying correctly on any web browser Screenshot for this question: I am using fixed position images as seen at css-tricks.com/examples/BlurryBackgroundEffect/ to

Screenshot for this question:

I am using fixed position images as seen at
css-tricks.com/examples/BlurryBackgroundEffect/
to create a glassy effect to a web project I'm working on. As you can see on the screenshot above often the content block image fails to display until the browser is forced to make a redraw by scrolling etc.

I've tried preloading them, using both onload and hidden img tags separately, but it still happens.

This is not a massive issue but if anyone understands why this occurs it would be really helpful.

10.01% popularity Vote Up Vote Down

: What is a good program for optimizing images on a website? I have some extensive website that I need to analyze the images and see if they can be optimized. Can any one recommend a good

@Phylliss660

Posted in: #Images #Optimization

6 Comments

: Why does Open Graph use As far as I can tell, property is not a valid attribute of the <meta> tag in any of HTML 3, 4, XHTML-Transitional or XHTML-Strict. So why does the Open Graph

@Phylliss660

Posted in: #Facebook #Xhtml

1 Comments

: How to create Joomla templates? I see a lot of sites selling Joomla templates at a premium but most of them look simple enough to build. Where can I find some tutorials to create such templates

@Phylliss660

Posted in: #Cms #Joomla #Template

5 Comments

: If the rss feeds are referred to in the head section of the html or linked to in the body of the html google will discover them. (you can use: [site:yourdomain.com inurl:rss] to look if

@Phylliss660

0 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Nimeshi995

If you want to trigger a redraw you could always use:

body { display: none }

then

window.onload = function () {
document.getElementsByTagName('body')[0].display = 'block';
}

this will make the page load seem much longer.

The best advice I've read on controlling the load/redraw across browsers has been Steve Souders Even Faster Web Sites.

Note:

Remember you can always put the relevant sections on a JSFiddle so that others can help (images can be uploaded to ImageShack and included by using the provided "Direct Link").

10% popularity Vote Up Vote Down

Feed

: Fixed background images not displaying correctly on any web browser Screenshot for this question: I am using fixed position images as seen at css-tricks.com/examples/BlurryBackgroundEffect/ to

More posts by @Phylliss660

: What is a good program for optimizing images on a website? I have some extensive website that I need to analyze the images and see if they can be optimized. Can any one recommend a good

: Why does Open Graph use As far as I can tell, property is not a valid attribute of the <meta> tag in any of HTML 3, 4, XHTML-Transitional or XHTML-Strict. So why does the Open Graph

: How to create Joomla templates? I see a lot of sites selling Joomla templates at a premium but most of them look simple enough to build. Where can I find some tutorials to create such templates

: If the rss feeds are referred to in the head section of the html or linked to in the body of the html google will discover them. (you can use: [site:yourdomain.com inurl:rss] to look if

Login to post a comment!

1 Comments

Back to top | Use Dark Theme