CSS vlastnosti - pozadí

Podívejte se na použití CSS a přehled vlastností CSS

Pozadí pomocí CSS

Pozadí nemusíte pomocí CSS definovat pouze celé stránce nebo určitému blokovému elementu (div), ale prakticky všem elementům. Můžete tedy nastavit barvu nebo obrázek pozadí nadpisu nebo odkazům což může vypadat velice efektně.

	background-color: red;
	background-color: #DE1111;

Obrázek jako pozadí

Pomocí CSS lze také jako pozadí nastavit obrázky, které lze nastylovat a vytvořit design webu

	background-image: url(images/pozadi.png);
	background-position: right top;
	background-position: 50% 15px;
	background-repeat: repeat; /* pozadí vyplní celou oblast */
	background-repeat: repeat-y; /* pozadí se opakuje vertikálně */
	background-repeat: repeat-x; /* pozadí se opakuje horizontálně */
	background-repeat: no-repeat; /* pozadí se neopakuje */	

Uchycení pozadí

Scrollovací pozadí

Defaultní nastavení, pozadí se při scrollování stránky pohybuje spolu s celou stránkou

background-attachment:scroll;

Fixní pozadí

Pozadí je napevno "přilepeno" k ploše prohlížeče, při scrollování dolů se pohybuje pouze obsah stránky. Ale pozor, je to zátěž na grafickou kartu.

background-attachment:fixed;

CSS vlastnosti - pozadí