pngfix, IE6, and unclickable links

From a little Google searching, this appears to be a common problem when using pngfix for nav background-images. The pngfix (in my case, I'm using a jquery plugin) operation somehow screws up the layering of elements once it runs. It many cases, it wouldn't create a problem. But when using PNGs as backgrounds for navigation menus, the links become unclickable. (I've also read that form elements become unavailable, too.)

For me, dropping a position:relative onto the anchor tags fixes the problem. Some have suggested that a z-index worked for them, but I was unable to make that work. All I needed was a conditional comment CSS directed at Internet Explorer 6. Thanks to this thread for the tip!

freetags:

Add new comment