I’ve gotten frustrated with the fact my Admin Toolbar, which most of you won’t ever see, obscures some of the page at times:
I’m really happy with how much time this saves me, however, so I don’t want to kill it. If only I could make it only appear when I’m actually hovering over it…
And then I chanced upon the opacity: selector:
#adToolbar{
opacity:0.1;
-moz-opacity:0.1;
filter:alpha(opacity=10);
}
#adToolbar:hover{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
}
(The second entry is for older versions of Firefox, the third for IE).
Now, it looks more like:
The only thing I’d like to do is make it so it fades in and out, which I might be able to do with the original JavaScript, or perhaps so that only the actual item that is being hovered over is more opaque. However, I’m struggling with the CSS to to this, so I’ll leave it out. I do like the idea of a fade in-out, however.
Okay, the
:hoverbit doesn’t seem to want to work in IE. It’s transparent, but hovering over it doesn’t result in it appearing more opaque.And, there seems to be some serious lag when trying to comment, even with Live Preview turned off.
I’ll try logging out and then commenting.
9 hours, 49 minutes after the fact.
Okay, that seems to be much faster. I wonder where the performance hit is? Is it the transparency? Is it just this crusty old P4 1.60GHz machine with 256MB of Ram? Surely that’s enough to handle a little old transparency?
9 hours, 53 minutes after the fact.
Okay, it looks to have just been the other computer I was on. Strange.
Still don’t have changing opacity on hover, however.
10 hours, 7 minutes after the fact.
Okay, apparently IE only respects
a:hover, notwhatever:hover.I can get around it using behaviours, which I might be able to do.
But then again, I may just wait until I’ve rewritten the scripting using YUI or whatever, and hope that it works then.
10 hours, 29 minutes after the fact.