Forums
View unanswered posts | View active topics It is currently Fri Oct 31, 2014 8:15 am



Reply to topic  [ 2 posts ] 
 Small Delay while rendering gradients 
Author Message

Joined: Wed Oct 05, 2011 10:45 am
Posts: 1
Post Small Delay while rendering gradients
I am using pie to render linear gradients on IE9
But i am facing a small delay before i actually see the gradient.
And in that time, I get the background as transparent.

The screenshot is attached.
After 1sec, the gradient appears.
This happens in all the gradients throughout the application.But the delay is less in other gradients.
But i cant afford this delay at all.


Attachments:
Untitled.png [4.75 KiB]
Not downloaded yet
Wed Oct 05, 2011 11:09 am
Profile

Joined: Mon Oct 10, 2011 8:21 am
Posts: 5
Post Re: Small Delay while rendering gradients
I believe HTC behaviours are non-blocking, meaning that your page may render before the HTC file has been downloaded and parsed. You might be better off with PIE.js, defined at the top of your HTML and then several blocking *<script>* elements just after where the element is defined. This should reduce the chances of the "flash of unstyled content".

For instance, you would define PIE.js at the top of your page:
Code:
<!--[if lt IE 10]>
<script type="text/javascript" src="path/to/PIE.js"></script>
<![endif]-->

Then, where an element appears in the markup, give it PIE immediately after:
Code:
<div id="loading-message">Loading...</div>
<script>window.PIE && PIE.attach(document.getElementById("loading-message"))</script>


Wed Oct 12, 2011 4:07 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.