V Internet Exploreru se nic zvláštního nezobrazí, ale zkuste si prohlížet prohlížečem Mozilla (totéž, co Netscape 6 nebo 7).
-moz-border-radius: 8px
border-radius: 8px
funguje ve Webkitu a v Opeře
border-radius-bottomright: 30px; border-radius-topleft: 18px;
-moz-border-top-colors: blue red green yellow; border: 10px solid;
border-top-colors: blue red green yellow;
Internet Explorer chybně počítá rámečky do šířky a výšky objektů, objekty
jsou potom menší. Stejně chybného vyhodnocování se dá dosáhnout v Mozille
zápisem -moz-box-sizing : border-box;
(správně a defaultně je -moz-content-box).
To se může hodit zejména v situacích, kdy je design odladěný pro Explorer a
je třeba dosáhnout v Mozille podobného vzhledu.
Příklad vlastnosti -moz-box-sizing.
-moz-opacity: 0.5
V novějších verzích (a v jiných prohlížečích) se používá vlastnost opacity.
Hodnota 1 je neprůhlednost, 0
je neviditelnost. V
Internet Exploreru se průhlednost dělá pomocí filter,
např. filter: alpha(opacity=50%).
background-color: red; opacity: 0.5;
-moz-outline:
red solid 10px
. Ve vyšších verzích Mozilly už nefunguje a je nahrazen
stylem outline.
outline: red solid 10px
border: blue
solid 10px
Funguje v Mozille u tabulek.
Všechny nestandardní css vlasntosti začínající znakem - je nutno ukončit středníkem. Např: -moz-box-sizing: border-box;. Pokud se středníkem neukončí, prohlížeč Safari (a možná i jiné) ignorují následují css deklarace. Více informací u Pixiho.
Někde jsem našel, tak pro inspiraci: