Title tips are back


I used to have transparent title tips on this weblog--a tip I picked up at kryogenix.org. I removed it because it seemed to be causing some odd behaviour on IE6. However, there's a modified version at 1976design.com which doesn't use a PNG background, and has a few more niceties.

I don't know if this will work any better (comments from IE6 users would be very welcome), but I thought it might be worth a go. This version has rounded corners and transparency to the background if you're using Mozilla, and an opaque background if you are using any other browser. Unless you are using Safari 1.1; in a moment of inspiration, I realised that I could use the new element transparency feature of Safari 1.1 to make the title background semi-transparent, like so:

background-color: rgba(51,51,51,0.8);

I've tried it in IE5x on the Mac and it doesn't seem to break anything, so we'll see how it works out. I'm living on the bleeding edge here, folks, so feel free to shout at me if (when, perhaps) it messes up anything horribly. I'm just in one of those, "ah, give it a go, why not?" kinds of moods, but in case it does all go a little bit Pete Tong I've only applied the rule to the index page for now. Hover away!