CSS - Browser hacks

CSS - Browser hacks

by Nirvanachain

HTML

<div class="myDiv one">Hello World!</div>

<div class="myDiv two">Hello Again!</div>

<!-- http://browserhacks.com -->

CSS

.myDiv {
  			margin: 0 1em;
  			padding: 1em 0;
  		}
  		.one {
  			background-color: blue;
  			*background-color: red; /* IE6 and IE7 only */
  			background-color: green\0/; /*IE8 only */
            _background-color : purple; /* Most browsers ignore the underscore but IE6 will read it */
            color: orange !ie; /* IE6 and IE7 only, acts as an !important. String after ! can be anything */
  		}
  		.two, {
  			background-color: yellow; /*Adding a comma in front of the selector without an additional Selector to follow makes it IE7 only */
  		}