IE6 ignores z-index on select elements – bgiframe plugin for jquery

July 8, 2012

IE6 ignores z-index on selects and puts it above everything else. This is annoying when you have a drop down mega menu that needs to cover a form and you need to support IE6.

There is this jquery plugin magically fixes this with some magic involving an iframe:

Include the jquery plugin and then target the floating div in the menu that needs to float over the select. e.g. jQuery(‘div.sub’).bgiframe();


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: