Mark Kamian wrote:
> Hi,
> I'm having a heck of a time determining why when hovering over the
> non-active nav-menu buttons, the background image is displaying
> slightly different shades. It's the same image, so perhaps it's
> something else I'm not seeing...
>
> http://www.idxsolutions.com/default3.asp
> http://www.idxsolutions.com/css/idxsol2.css
>
> Any ideas to set me straight on this?
> TIA!
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/
