Pozadí

Dnešní článek bude o pozadí prvků s předem neznámou velikostí, znamená to, že chceme pozadí pro prvky, které mohou být široké 20px, ale třeba také 100px. Potom lze pozadí vytvořit skládáním několika obrázků.

Pozadí tlačitka, nadpisu

Pozadí prvků u kterých je známa výška, ale může se měnit šířka:

Jeden prvek

Druhý prvek o poznání delší

První možností může být vytvoření dvou obdelníků o odpovídající velikosti, což není příliš praktické. Druhou možností je obdelník rozřezat a vytvořit jeden proužek >< o velikosti 1px*12px(výška záleží na velikosti písma atd.). Pak již stačí nastavit tento proužek jako pozadí a nastavit CSS vlastnost background-repeat: repeat-x - horizontální opakování.

Bohužel pozadí může být tvořeno pouze vertikálním přechodem, jinak skládání nemá smysl.

Pozadí prvku o neznámé šířce a výšce

Například pozadí odstavce nebo celé stránky. Zde můžeme použít rovněž princip skládání, pokud je pozadí tvořeno jednolitými, opakujícími se prvky (rybičky, čtverečky atd.).

Odstavec s pozadím,
u kterého nevíme předem,
jak bude veliký.

Pozadí je složeno z

Ještě jinak: Pozadí (možnosti, jak s ním naložit)

Navigace