Many thanks francky!!
The enlargement idea really sheds light on that. I had considered some type
of overlap as the root cause, but it didn't seem possible because I was
incorrectly thinking there was only a 1-pixel diagonal of transparency
(instead of the actual 2-pix diag), and the white background was still
visible.
Warm regards,
Mark
Hi Mark,
It is the moiré effect in the hover image (nav-hov.gif), depending on
the the horizontal position of the list items. This is caused by the
transparent dotted pixels in the hover img, which are enabling the
background behind to peep through. But that bg-img (nav-bg.gif) is also
a dotted img. If you change margins/paddings of the menu items, or
change the browser font-size, the horizontal position of the hover-img
related to the background is shifting 1 or more px. The combination can
be a hit, can be no hit, by accident. Then the different shades of the
hovers are changing places. :-)
When enlarged 5 times, you can see this:
*
http://home.tiscali.nl/developerscorner/css-discuss/images/moire-effect.gif
<*%20%20http://home.tiscali.nl/developerscorner/css-discuss/images/moire-effect.gif>
What you can do, is just fill the transparent dots in the hover-img with
a solid color.
Success and greetings,
francky
PS:
Don't underestimate a screenshot for analyzing strange webpages
<http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-idx-5x.png>:
enlarge in a paint program to see what is really happening. ;-)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
_________________________________________________________________
Get free, personalized commercial-free online radio with MSN Radio powered
by Pandora http://radio.msn.com/?icid=T002MSN03A07001
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
