* html #selector {property:value;} /* Only IE6 and lower will see this */
*+html #selector {property:value;} /* Only IE7 will see this */
2009-08-22T15:27:23Z
194
9
false
ie 6 and 7 selectors hack
2009-08-22T15:27:23Z
7
/* IE6 - pseudo class :hover */
$(document).ready(function(){
if(jQuery.browser.msie && jQuery.browser.version<7){
$('[class*="bla"]').hover(
function () {
$(this).addClass('hover');
},
function () {
$(this).removeClass('hover');
}
);
}
});
2009-08-10T20:42:45Z
190
19
false
hover for ie 6
2009-08-10T20:42:45Z
7
input { overflow: visible; }
2009-03-14T15:24:37Z
ie sux!
160
9
false
fixing the ridiculous auto-padding in ie (win) submit buttons
2009-03-14T15:24:37Z
7
Event.observe(window, 'load', function() {
var fields = $$("input");
for (var i = 0; i fields[i].onfocus = function() {this.className += ' focused';}
fields[i].onblur = function() {this.className = this.className.replace('focused', '');}
}
});
// in css, paste
// input:focus, /* works in FF without javascript */
// input.focused /* used by js */
// { background-color: #f7cd72; }
2008-11-18T01:37:18Z
103
19
false
[prototype] adding input:focus functionality to ie
2008-11-18T01:37:18Z
7
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->
# Embedded CSS
<!--[if IE]>
<style type="text/css">
#container {font-family: arial,verdana,sans-serif,tahoma;}
</style>
<![endif]-->
# The opposite technique, targeting only NON-IE browsers:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->
# Target specific versions of IE
# IE 7 ONLY:
<!--[if IE 7]>
<link href="IE-7-SPECIFIC.css" rel="stylesheet" type="text/css">
<![endif]-->
# IE 6 ONLY:
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE-6-SPECIFIC.css" />
<![endif]-->
# IE 5 ONLY:
<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="IE-5-SPECIFIC.css" />
<![endif]-->
# IE 5.5 ONLY:
<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="IE-55-SPECIFIC.css" />
<![endif]-->
# VERSION OF IE VERSION 6 OR LOWER: (I find this one pretty handy)
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="IE-6-OR-LOWER-SPECIFIC.css" />
<![endif]-->
2008-09-17T02:47:23Z
64
16
false
ie conditional hack
2008-09-17T02:47:23Z
7
p {
background: green !important; /* Major browsers other than IE 6 and below respect the importance immediately */
background: red; /* IE 6 and below use this value instead, even though the above was marked as important */
}
2008-07-23T19:41:29Z
42
9
false
another ie 6 hack
2008-07-23T19:41:29Z
7
var clear="images/clear.gif" //path to clear.gif
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";}}
window.attachEvent('onload',pngfix);
2008-07-17T22:20:49Z
create a 1x1 'clear.gif' image
39
19
false
1kb ie 6 png fix hack
2008-07-17T22:20:49Z
7
selector {
min-height:500px;
height:auto !important;
height:500px;
}
2008-07-17T19:27:49Z
http://www.dustindiaz.com/min-height-fast-hack/
38
9
false
another min-height hack
2008-07-17T19:27:49Z
7