IE6, Netscape 6+, Firefox, and Opera 7+ copy the following script in your page: document.getElementsByClassName = function(cl) { var retnode = []; var elem = this.getElementsByTagName(‘*’); for (var i = 0; i < elem.length; i++) { if((‘ ‘ + elem[i].className + ‘ ‘).indexOf(‘ ‘ + cl + ‘ ‘) > -1) retnode.push(elem[i]); } return retnode; … Read more
The IE7 display: inline-block; hack is as follows: display: inline-block; *display: inline; zoom: 1; By default, IE7 only supports inline-block on naturally inline elements (Quirksmode Compatibility Table), so you only need this hack for other elements. zoom: 1 is there to trigger hasLayout behaviour, and we use the star property hack for setting the display … Read more
Z-index is not an absolute measurement. It is possible for an element with z-index: 1000 to be behind an element with z-index: 1 – as long as the respective elements belong to different stacking contexts. When you specify z-index, you’re specifying it relative to other elements in the same stacking context, and although the CSS … Read more
In IE6/IE7, display: inline-block only works on elements that are naturally inline (such as spans). To make it work on other elements such as divs, you need this: #yourElement { display: inline-block; *display: inline; zoom: 1; } *display: inline uses a “safe” CSS hack to apply to only IE7 and lower. For IE6/7, zoom: 1 … Read more