ie 6 and 7 selectors hack
1 * html #selector {property:value;} /* Only IE6 and lower will see this */ 2 *+html #selector {property:value;} /* Only IE7 will see this */
1 * html #selector {property:value;} /* Only IE6 and lower will see this */ 2 *+html #selector {property:value;} /* Only IE7 will see this */
1 /* IE6 - pseudo class :hover */ 2 $(document).ready(function(){ 3 if(jQuery.browser.msie && jQuery.browser.version<7){ 4 $('[class*="bla"]').hover( 5 function () { 6 $(this).addClass('hover'); 7 }, 8 function () { 9 $(this).removeClass('hover'); 10 } 11 ); 12 } 13 });
1 Event.observe(window, 'load', function() { 2 var fields = $$("input"); 3 for (var i = 0; i fields[i].onfocus = function() {this.className += ' focused';} 4 fields[i].onblur = function() {this.className = this.className.replace('focused', '');} 5 } 6 }); 7 8 // in css, paste 9 // input:focus, /* works in FF without javascript */ 10 // input.focused /* used by js */ 11 // { background-color: #f7cd72; }
1 p { 2 background: green !important; /* Major browsers other than IE 6 and below respect the importance immediately */ 3 background: red; /* IE 6 and below use this value instead, even though the above was marked as important */ 4 }
create a 1×1 ‘clear.gif’ image
1 var clear="images/clear.gif" //path to clear.gif 2 3 pngfix=function(){var els=document.getElementsByTagName('*');var i_p=/\.png/i;var i=els.length;while (i-- >0){var el=els[i];var es=el.style;if(el.src&&el.src.match(i_p)&&es.filter==''){el.height = el.height;el.width = el.width;es.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+el.src+"',sizingMethod='crop')";el.src = clear;}else{var elb=el.currentStyle.backgroundImage;if(elb.match(i_p)){var path=elb.split('"');var rep=(el.currentStyle.backgroundRepeat=='no-repeat')?'crop':'scale';es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage="none";}}if (el.currentStyle.position!='absolute' && !es.filter && !el.tagName.match(/(body|html|script)/gi)) es.position="relative";if (es.filter&&el.currentStyle.position=="relative") es.position="static";}} 4 window.attachEvent('onload',pngfix);