Resize image html или css

[MetalGear]

Вака имам една слика за позадина ставена е во цсс

body {
background-image: url(images/index.jpg);
background-color: #000000;
background-repeat: no-repeat;
background-position: left top;
}

е сега како дали во цсс или хтмл да направам сликата да ја зголеми или намали по потреба во зависност од резолуцијата што ја има оној што ја гледа

секогаш да е 100% од екранот
позз

 

[Fatal1ty_]

img {
width: ..%;
height: ..%
}
Ова мислам дека треба да го убациш...Таму си пишуваш колку проценти да биде

 

[Taurus]

Не го имам сретнато тоа, незнам и дали може, бидејќи тука ќе се јавува еден проблем доколку се зголемува сликата ќе се намалува нејзиниот квалитет, а ако се стави огромна слика, страницата бавно ќе се отвора.
Тоа обично се решава со финта, т.е. еден централниот дел да е фиксен (т.е. централно позициониран), а страничните делови од сликата (нешто како градација...) со repeat.

 

[MetalGear]

не така не ми одговара треба само една слика да е

е можам на друг начин да ја решам
со повеќе слики и да провери која резолуција е и таа да ја отвори
а да ставам за некои стандардни големини
ке видам
ако не може да ја зголеми или намали
фаталити не сака така пробав

 

[Fatal1ty_]

ај пробај под
background-image: url(images/index.jpg);
height: ...px;
width: ...%;
Вака пиши

 

[Delicon]

Доколку сакаш позадината да ти биде секогаш 100% x 100% тоа значи дека сликата ќе биде подложна на изобличување.

Како и да е,
за да функционира ова, сликата за позадина треба да биде поставена како слика, не како позадина.

<img src="index.jpg" alt="background" id="background" />

Најпрво ќе треба html и body да бидат високи 100% со margin и padding 0px:

html, body {
height:100%;
margin:0;
padding:0;
}

Сликата мора да биде фиксно позиционирана горе и лево т.е. на 0px 0px со димензии 100% x 100%:

#background {
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
}

За сликата да ни биде како позадина ќе мора да го смениме z-index на div-от што ќе содржи се друго освен позадината.

#main {
z-index:10;
position:relative;
}

Структура на html-от:

<img src="index.jpg" alt="background" id="background" />
<div id="main">
<div id="header">Header</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>

 

[MetalGear]

тхенкс делицио ке го имам на ум ова за во иднина

а ова го средив со на друг начин со 2 слики т.е. една е до лево а друга од десно

така ке нема изобличувања и на wide screen

thanks again