pretty strange indeed. thanks for sharing. Virgil http://www.jampmar.com
On Thu, Jan 8, 2009 at 10:57 PM, Mary Ellen Curtin <[email protected]> wrote: > 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/
