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 validates_attachment_content_type :image, 2 :content_type => [ 3 'image/jpeg', 4 'image/pjpeg', # for progressive jpeg (IE mine-type for regular jpeg) 5 'image/png', 6 'image/x-png', # IE mine-type for PNG 7 'image/gif' 8 ]
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 });
ie sux!
1 input { overflow: visible; }
1 function isIE() { 2 return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent); 3 }
1 <!--[if IE]> 2 <link rel="stylesheet" type="text/css" href="ie-only.css" /> 3 <![endif]--> 4 5 # Embedded CSS 6 <!--[if IE]> 7 <style type="text/css"> 8 #container {font-family: arial,verdana,sans-serif,tahoma;} 9 </style> 10 <![endif]--> 11 12 # The opposite technique, targeting only NON-IE browsers: 13 <!--[if IE]> 14 <link rel="stylesheet" type="text/css" href="ie-only.css" /> 15 <![endif]--> 16 17 # Target specific versions of IE 18 # IE 7 ONLY: 19 <!--[if IE 7]> 20 <link href="IE-7-SPECIFIC.css" rel="stylesheet" type="text/css"> 21 <![endif]--> 22 23 # IE 6 ONLY: 24 <!--[if IE 6]> 25 <link rel="stylesheet" type="text/css" href="IE-6-SPECIFIC.css" /> 26 <![endif]--> 27 28 # IE 5 ONLY: 29 <!--[if IE 5]> 30 <link rel="stylesheet" type="text/css" href="IE-5-SPECIFIC.css" /> 31 <![endif]--> 32 33 # IE 5.5 ONLY: 34 <!--[if IE 5.5000]> 35 <link rel="stylesheet" type="text/css" href="IE-55-SPECIFIC.css" /> 36 <![endif]--> 37 38 # VERSION OF IE VERSION 6 OR LOWER: (I find this one pretty handy) 39 <!--[if lt IE 7]> 40 <link rel="stylesheet" type="text/css" href="IE-6-OR-LOWER-SPECIFIC.css" /> 41 <![endif]-->
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 }
http://www.dustindiaz.com/min-height-fast-hack/
1 selector { 2 min-height:500px; 3 height:auto !important; 4 height:500px; 5 }