Tipy

Odkazy:

Hacks:

  • /* IE6 */
    #element { _color: blue }
    
    /* IE6, IE7 */
    #element { *color: blue; or #color: blue}
    
    /* Everything but IE6 */
    #element { color/**/: blue }
    
    /* IE6, IE7, IE8 */
    #element { color: blue\9; }
    
    /* IE7, IE8 */
    #element { color/*\**/: blue\9; }
    
    /* IE6, IE7 -- acts as an !important */
    #element { color: blue !ie; } /* string after ! can be anything */
    
    /* IE8, IE9 */
    #element {color: blue/;} /* must go at the END of all rules */

Upoutávka v rohu stránky:

<div id="corner">CSS3</div>
#corner {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  padding: 10px 40px;
  background: #ffb321;
  color: #7f3300;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  writing-mode: lr-tb;
}