I've found some curious behavior with background:transparent in IE7. I was working on a CSS image replacement, and was seeing the old IE flicker. In the course of trouble-shooting I made a version using only differently-colored backgrounds, not images. You can see my test page here:
http://datagnostics.com/test/transparent.html The underlying div has a red background, the link on top has a blue background. a:hover is background:transparent, so that the link-block turns from blue to red on hover. It works fine in Mozilla, but in IE7 the link block flickers as you mouse over it, and the cursor flickers between "hand" and "arrow". If a:hover is made any solid color, there's no problem -- it's only background: transparent that's the issue. To double-check, I gave a:hover the background of a random image that was at hand, which happened to be a transparent .gif. Not only did the flicker stop in IE7, the underlying red background can be seen through the .gif. It turns out that this also works when the "image" is a clear spacer .gif. Furthermore, when I remove anything on the hover state and make the background of the link block transparent, the cursor keeps flickering between hand/arrow as I move the mouse. It looks to me as though there's something unstable about the way IE7 interprets background:transparent for links. Is this problem also present for IE6? (I can't check because my IE6 machine is down for repairs.) Is spacer.gif the way around it, or should we try something else? Mary Ellen Doctor Science, MA ______________________________________________________________________ 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/
