O webu
Vícebarevné pozadí

Pokud by se pozadí nějakého elementu mělo skládat z různých barev, je nejjednodušší použít vícebarevný obrázek velkých rozměrů a nechat jej opakovat. Jak si poradit i bez obrázku pomocí CSS?

Řešení spočívá ve vytvoření absolutně posicovaných boxů pozadi (v obalu s position: relative) s rozměry 50 % na šířku a 100 % na výšku (funkční od Internet Exploreru 7). Jeden se umístí doleva (left: 0) a druhý doprava (right: 0).

z-index
Naprosto podstatné pro funkčnost je správné užití z-indexu, tj. schovat pozadí za text, ale ne za další element.
.obal {position: relative; z-index: 0}
.pozadi {position: absolute; z-index: -1}