Lets say I have this div imbedded in my page:
div id='systemWorking'img src='spinner.gif'Saving.../div
And I have a list with 1000 entries and the user has scrolled down mid
way... if I unhide the spinner using this:
document.getElementById('inProgress').style.display = 'inline';
It shows
One way to do this is to add an overlay to your page.
div id=overlay/div
#overlay {
position: static;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(spinner.gif) rgba(0,0,0,0.7);
z-index: 1000;
}
Sorry, make that position: fixed (brain fade). static means something else.
Walter
On May 8, 2012, at 11:03 AM, Walter Lee Davis wrote:
One way to do this is to add an overlay to your page.
div id=overlay/div
#overlay {
position: static;
top: 0;
right: 0;
Thanks... i was just getting ready to try this...
On Tue, May 8, 2012 at 11:39 AM, Walter Lee Davis wa...@wdstudio.comwrote:
Sorry, make that position: fixed (brain fade). static means something else.
Walter
On May 8, 2012, at 11:03 AM, Walter Lee Davis wrote:
One way to do this is to
I'm completely daft when it comes to css...
background: url(/images/working.gif) rgba(0,0,0,0.7);
Doesn't get loaded in the page in ie9.
On Tue, May 8, 2012 at 12:10 PM, Phil Petree phil.pet...@gmail.com wrote:
Thanks... i was just getting ready to try this...
On Tue, May 8, 2012 at 11:39
Try splitting it apart.
background-color: rgba(0,0,0,0.7);
background-image: url(foo.gif);
Also set a solid color for IE 8 or whatever version can't do rgba… Just set
background-color: #777; before the one with the rgba color. Or, have a look
here