бекграунд

[embaka]

здравейте, искам да питам как мога един бекграунд да го направя така, че на каквато резолюция да е компа винаги да излиза на 100%, аз пробвах да му задам ширина и височина, но не се получава, винаги на по малка резолюция се изрязва. изображението е с големина 1280x1024, и другото което е искам тоя бекграунд да се вижда постоянно едно и също, дори при скролване на страницата надолу, пак да е същото, надявам се да сте ме разбрали какво точно ме интересува

в стила съм писал следното:

.bg {
	background-image: url("/swap/Images/bg.jpg");
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}

 

[FestarBG]

.bg {background: url("/swap/Images/bg.jpg") no-repeat top center #ff8899; background-attachment: fixed;}

Така фоновата картинка ще стой на "място" дори и да скролваш.Ако някой с по-голям монитор ти гледа сайта,там където картинката свършва ще се запълни с #ff8899.

 

[embaka]

аз за това искам автоматично да се оразмерява според големината на монитора и винаги да е толкова голяма и да няма други неща като бекграунд цветове. благодаря ти все пак

 

[FestarBG]

Няма как да стане освен ако нямаш картинка над 1700х1300.Може да се направи картинката да се разтяга,но при различните резолюции ще се смачква и т.н.

:?:

 

[shterev]

Можеш да си направиш картинка за малка резолюция и за голяма.С javascript да засичаш кой с каква резолюция е и според това да се появява дадената картинка

 

[embaka]

shterev как може да стане това с жава скрипта, имаш ли нещо като пример да го разгледам, благодаря предварително

 

[vankich]

Просто добявяш картинката в html кода и правиш width: 100% и я слагаш в един div, за да я контролираш през css, за позициониране и тн...
Нещо такова:

<div id="bg_img"><img src="background.jpg" width="300px" height="100%" alt=""></div>