Animated background?

Is it possible to set an animated gif as the background of an INPUT field? I'm a web app designer and want to indicate that a field is being validated by putting a subtle progress bar in the background of the input field. I tried this using the "background" property of the INPUT's css. The animation shows up fine locally, but when I try accessing the file via http, the animated image disappears.

Searching the web for this turns up a lot of "MySpace animated backgrounds!!!" results -- not quite useful. :rolleyes: If anyone can confirm that this is a browser restriction/bug, or describe a workaround (IE & FF are the supported browsers), I'd appreciate it!

-Sarah

If you want to test it out, view http://thetestingsite.net/test/animatedInput.html

It appears to be working fine in IE7 and FF.

Hope this helps.

Thank you!! I think there may have been something wrong with the first image I tried this with, because it's working like a champ now. I appreciate the super-quick response!

-Sarah

Haha. That looks really cool. (yes, I know, random reply)

Safari may not allow this. However, I have had luck with Safari allowing background color in a text input IF borders for the text input were specified.

Safari (2.0/mac) doesn't work with that. But since it's just a bonus addon, that's probably not a huge problem. (Bonus if it works, only.)

I was referring to Safari 3 Win, which should be like Safari 3 Mac. I don't know if specifying the border will work with background image though or not. I just stumbled upon it recently as a way to get Safari 3 Win to use background color for text inputs, which it will not do for an otherwise plain text input.

Out of 64 browsers selected from browsershots.org, only 5 of them did not work.

Safari 3.0 (Win 2003 server)
Dillo 0.8.6 (PLD Titanium)
Safari 1.3.2 (Mac OS X 10.3)
Safari 2.0.4 (Mac OS X 10.4)
Konqueror 3.5 (Ubuntu 7.10)

Safari is odd. It's a good browser, but it's like apple doesn't try that hard-- there are a few things that just don't match up.
Anyway, John, I was just confirming what you said, not saying that version 3 worked or anything.

Quote:

---

Originally Posted by djr33

Safari is odd. It's a good browser, but it's like apple doesn't try that hard-- there are a few things that just don't match up.

---

Every browser has it's quirks...IE (of course), Fx, Safari, Opera, the whole lot. But overall Webkit (the browser engine behind Safari) is the only group doing any creative innovation as far as browsers are concerned. For the few things that don't match up, I think it makes up for it with things like the editing toolbar (only works in Fx & Safari).

Sorry for the off topic :p