Comments on: Advanced hover states using CSS

By: Frank

Frank — Wed, 04 Aug 2010 03:40:31 +0000

Thanks heaps, I was having issues with my own solution with background flickering on IE7 of the overlay but this one worked perfectly for me in IE.

By: gordon

gordon — Mon, 26 Jul 2010 10:30:26 +0000

Just found your site today and must say I’m really impressed with all the work you do. Just wanted to say a big THANK YOU!!!
May the force be with you! or how do you ninja say that

By: The Css Ninja

The Css Ninja — Mon, 05 Jul 2010 03:39:45 +0000

@Cheeky – You could apply a background image to the caption container or remove the caption all together and apply a background image to the overlay container on hover.

By: cheeky

cheeky — Thu, 20 May 2010 08:16:29 +0000

hey sorry to sound like a dumass but im trying to tweak your code

can an image appear instead of caption01 text on top of the color overlay

how do i code that?

thanks!

By: ZIGGY

ZIGGY — Fri, 16 Apr 2010 07:33:02 +0000

SWEET!
USING THIS TECHNIQUE ON OUR CASINO SITE
Tnx!!

By: The Css Ninja

The Css Ninja — Fri, 26 Feb 2010 02:44:25 +0000

The ! is needed so other browser just interpret the conditional comment as just a comment and ignore it.

By: Adam Johnson

Adam Johnson — Fri, 26 Feb 2010 01:21:09 +0000

Ah, nix my last comment. I missed the ! on the css-tricks example. Although, is that even necessary? Seems like a regular old without any conditional statement would work (and does work) fine.

By: The Css Ninja

The Css Ninja — Thu, 25 Feb 2010 23:53:56 +0000

Not sure what your trying to say there? I use that exact trick on the revised version I showed you earlier and I think it’s great.

By: Adam Johnson

Adam Johnson — Thu, 25 Feb 2010 08:34:04 +0000

IF IE body class:

I noticed here ( http://css-tricks.com/snippets/html/add-body-class-just-for-ie/ ) that they have a closing conditional statement for the IE (Although, I think they missed the “/”, right?). Thoughts on this? Is this extra since the body is already closed?

Gotta love IE…

By: The Css Ninja

The Css Ninja — Wed, 10 Feb 2010 00:03:25 +0000

@Ashish – img { border: none; } is already in the stylesheet. The right click issue is due to the absolute positioned span that sits over the image when hovered on, the context menu is in relation to the span and not the image.