On Nov 8, 2007, at 12:38 AM, Eystein Alnaes wrote:
I've come across this one before, but didn't find a solution then
either. So
I'll just throw it out there -
In Safari 2.0.4 when shifting a background image on a:hover the
bottom 1px
or so comes into view above the un-hovered image. Clearly a bug (in my
mind), but how to avoid?
some code to illustrate-
assume you're only seeing 10px height of a 30px tall .png with 10px
transparency in the middle, shifting it up and down between the two
states.
a { background: transparent (my30pxtall.png) 0 0 no-repeat;} /*
Now there's
a px extra on top */
a:hover { background-position: 0
100%;} /* Now
there's not */
yeah, it the image is too tall or too wide to fit in the container,
then it start repeating. That is a bug in Safari 2.04 and older. And
I've seen that happening more often in quirks mode or pseudo quirks
mode (transitional doctype). The issue is mostly fixed, I think, in
Safari 3.
You might want to move your image horizontally instead of vertically
as you do now.
Or include a 'gap' between the tow parts of the image).
Or make the image really taller than needed, so that the repeating
part is not visible.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
