Internet Explorer 6 Multiple Classes Fix jQuery Plug In

One of the lingering issues in providing your web site with Internet Explorer 6 compatibility lies in its lack of implementation of multiple class support. Every other web browser supports this capability but if you need to support IE6, you won’t be able to use it.

In any browser, the CSS selector .big.blue should only be applied to elements that have both the big and blue classes. Internet Explorer 6 ignores all but the last class definition, effectively making .big.blue into .blue.

Using this lightweight jQuery plug in allows you to forget about these limitations and get on with your coding. Just include the plugin file and it will automatically load with the page. Only if you are loading more elements with AJAX or changing classes after the DOM loads do you need to call the helper function.

Demo/Documentation – View the Demo/Documentation for this plug in

jquery.MultipleClass.zip (5.5kB) – Package containing demo/documentation, source code, minified library

Comments are closed.