Spiffy CSS

[Zozart]

Well, I was meant to be working on my forum template today, but in the end I ended up playing around with CSS to see how far I could push it. Needless to say, using the :hover pseudo class I managed to get it to do some pretty neat things.

Unfortunately, IE simply will not let the :hover pseudo class work at all, so this is a Gecko only outing.. I've found it works best in Firefox/Mozilla.. Opera works okay, but it has a small problem with 'focusing' links which means it doesn't work as well as Firefox (you'll see what I mean).

Anyhow, here it is (remember, there's no Javascript) - http://zyon.org/css/

While not particuarly useful yet, you can probably see how this sort of thing could be used in the future. Unfortunately as I said before, that's not likely to happen for a while because Microsoft are too darn lazy to work on their IE engine so it works well wtih CSS1/2.

The CSS/XHTML is all there, so feel free to take a poke around and see what you can come up with yourself :D

Oh yeah, the background-color does change, and I'm pretty sure this is just a bug for Firefox (doesn't change in Opera). Not quite sure how it works, but it does. :p

[Clarksy]

Nice experiment.

I can see why your gonna have issues with IE. It only supports the ":hover" psuedo class on A tags or CSS classes assigned to it.

I attempted to fudge the effect with IE by embedding A tags inside other A tags so a hover class could be assigned to each. Supprisingly, IE lets you do it. But, alas, it gets confused when you start assigning CSS classes to the embedded tags.

Hopefully IE will bet an overhaul soon. It never really made it from CSS1.

[Zozart]

Yeah, but the question is, will it make it as a stand-alone upgrade, or will we have to wait for the new version of windows? :(

[Dunc]

Splaty, sorry to resurect an old thread but check this out:

http://dunc.dyndns.org/Test.htm

view it in IE, its not perfect, but then i cant do css for sh*t, so can probably be tweaked :) i only did it cos i was bored..


it was done extremely simply using the instructions here:

http://dean.edwards.name/IE7/


PS. I'm only gonna keep this file up on my server for a few days

[Zozart]

Hey, that's pretty awesome.

That IE7 thing should definately be on alistapart if it isn't already.

I'll have a go at tweaking it to see if I can get it looking like it should.

Mm, it even manages to get the body background colour to change :eek: