Background CSS

[mr_nikolov]

Здравейте пиша отново с молба за помощ. Ако може някой да каже как може да се направи този фон. Това е картинката съответна. Значи трябва да се получи така че там където е ограденото да се разтяга надолу колкото е съдържанието на сайта, обаче там най-отгоре където не е оградено да не се разтяга тоест грубо да кажем първите 40 пиксела да са си както са а останалото надолу да се разтегля според съдържанието. Има ли такава цака е въпроса? Защото съм виждал разни сайтове които в хедъра е да кажем някаква картинка която тръгва да се прелива към някакъв цвят и надолу фона до футъра на сайта е само въпросния цвят.

 

[Malfurion]

Здравейте пиша отново с молба за помощ. Ако може някой да каже как може да се направи този фон. Това е картинката съответна. Значи трябва да се получи така че там където е ограденото да се разтяга надолу колкото е съдържанието на сайта, обаче там най-отгоре където не е оградено да не се разтяга тоест грубо да кажем първите 40 пиксела да са си както са а останалото надолу да се разтегля според съдържанието. Има ли такава цака е въпроса? Защото съм виждал разни сайтове които в хедъра е да кажем някаква картинка която тръгва да се прелива към някакъв цвят и надолу фона до футъра на сайта е само въпросния цвят.

Самият background не се разтяга. Той може да се повтаря по x и y линията(дължина и височина)


Ефектът, който си видял е голяма картинка с градиент, която се повтаря по y, а цветът за фон под картинката съвпада с цвета на картинката от най-долната и част. Тоест ако преливаме от черно към бяло на картинката, цветът зададен за фон е бял.

[css]background: url('cherno-bqlo.jpg') repeat-y;
background-color: white;[/css]

 

[Nazi_93]

Размер на бекграунда може да се зададе: http://www.w3schools.com/cssref/css3_pr_background-size.asp

 

[Malfurion]

Поставяш размер, но не се разтяга...

Ако искаш да разтегнеж рамката... сложи див и му сложи рамка... така не ти е част от фона, но пък си се разтяга според съдържанието...