Browser CSS Hacksbeta

IE6789 CSS Hack

selectors{
	properties:values\9;     /* ie6789 */
	properties:values\0/;    /* ie89 */
	=properties:values;      /* ie67 */
	-properties:values;      /* ie6 */
}
:root selectors{
	properties:values\9;     /* ie9 */
}

<!--[if lt IE 7]><html class="ie6"><![endif]-->
<!--[if IE 7]><html class="ie7"><![endif]-->
<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if gt IE 8]><!--><html><!--<![endif]-->

Firefox CSS Hack

@-moz-document url-prefix() {
	selectors{
		properties:values;
	}
}

Chrome & Safari CSS Hack

@media all and (-webkit-min-device-pixel-ratio:1) {
	selectors{
		properties:values;
	}
}

Opera CSS Hack

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	selectors{
		properties:values;
	}
}

IE条件注释

<!-- [if IE]>
	这里只有ie浏览器才可以显示
<![endif]-->

<!-- [if !IE]><!-->
	这里只有非ie浏览器才可以显示
<!--<![endif]-->

<!--[if IE 6]>
	这里只有ie6浏览器才可以显示
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
	这里只有ie9以上浏览器和非ie浏览器才可以显示
<!--<![endif]-->
© 2012 MaxLee