Sent by Ben Curtis on 30 November 2004 18:06
> The turbine graphic is specified a a background image in the CSS.
> The background image changes on rollover, to an animated GIF.
>
> The animation plays fine on Mozilla and IE Mac/PC.
>
> Is this a Safari bug? A feature, perhaps? Does anyone know any
> workarounds?
Bug, it seems, with nothing to so with :hover. Here's the test I ran
(Mac OS X 10.3, Safari 1.2.4):
<div><img src="over.gif" alt="" width="300" height="19" /></div>
<div style="background: url('over.gif') no-repeat 0% 50%;">full</div>
<div style="background: url('over.gif') 0% 50%;">positioned</div>
<div style="background: url('over.gif') no-repeat;">no-repeat</div>
<div style="background: url('over.gif');">quoted</div>
<div style="background: url(over.gif) no-repeat 0% 50%;">full,
unquoted</div>
<div style="background: url(over.gif) 0% 50%;">positioned,
unquoted</div>
<div style="background: url(over.gif) no-repeat;">no-repeat,
unquoted</div>
<div style="background: url(over.gif);">simple</div>
The "simple" div is the only one that plays the animation. But then I
thought some more -- and if you reposition "simple" elsewhere in the
list, a different background animates. Always just one, and any one of
them can be made to animate depending on position. I can't find the
pattern.
So, back to you.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/