Картинка на целия бакгроунд

[orange]

искам да докарам ефекта със снимката както този сайт:

http://www.infotourism.net/story.ph...a+kniga+na+zastrashenite+rasteniia+i+zhivotni

как точно става? : ))

 

[Anonymous]

С един прост background и no-repeat

 

[F1r3Fl3x]

С един прост background и no-repeat

+

background-position: center top;
background-color: #цвят по избор;

И картинка с голяма резолюция

 

[talevtehnology]

<style type="text/css">
body
{
background-image:url('твойто изображение.png,jpg,gif');
background-repeat:no-repeat;
}
</style>
</head>

:?:

 

[baso]

<style type="text/css">
body
{
background-image:url('твойто изображение.png,jpg,gif');
}
</style>
</head>

Приятел отново не си разбрал човека иска върху цялата страница ще стане така:

<style type="text/css">
body
{
background-image:url('твойто изображение.png,jpg,gif') no-repeat;
}
</style>
</head>

 

[SuCcEsS]

background-image: url('ТУК'); - тук ти е пътя до картинката
background-color: #000000/black;
background-repeat: no-repeat/repeat; - дали картинката да се повтаря
background-position: center top; - картинката ти да се намира в средата най-горе може да ползваш и left right bottom

Другото което е този фон който си дал за пример самата картинка има градиент отдоло който се продължава със background-color!

ще стане по следния начин взимаш си картинката най-доло и слагаш един градиентен цвят който да преминава към прозрачен, след което слагаш си картинката за фон най-горе в ляво без повтаряне и след това задаваш фонов цвят който да се слее със градиента на картинката!

НАПРИМЕР имаш картинка със черен градиент отдоло кода ще е следния!

<style type="text/css">

body {
background-image: url('картинката.jpg') no-repeat;
background-color: #000000; //може и black
background-position: top left;
}

</style>

или нещо от сорта!

 

[orange]

благодаря на всички, които изказаха мнение по въпроса : ))