Vajadzīga palīdzība background image izlīdzināšanai visas lapas garumā

[Anonīms]

Sveiki!

Lieta tāda , vēlētos weblapai uzlikt background image , bet lai kā censtos , man sanāk tikai , ka bilde atkartojas vairākas reizes (kas bojā skatu) vai arī parādas vienu reizi un tālāk ir background color.

Ko vajadzētu nomainīt iestatījumos, uz doto brīdi ir šadi:

html {height: 100%}

body {background: url(../images/1347.jpg)top center repeat;} –> ja uzliek no-repeat tad uzrādas tikai vienu reizi , kā minēju augstāk.

#wrapper {min-height: 100%; position: relative;}

#space {height: 165px;}

Protams ideālākais būtu ja kustētos tikai DVI bloki un lapa būtu statiska (vajadzīgaja dimensija vai bildes dimensijā

[Piskadrons]

vai tik atslēgvārdos nevajag iemest “tile” kad googlē…

[Anonīms]

Mīļais piskadrilli , ja es varētu google atrast ko priekš sevis un saprast saprotami , es neuzdotu muļķīgus jautājumus AMIGO.

[natolv]

Respektīvi, Tu gribi uzlikt bildi(ja bilde piemēram ir fotogrāfija vai kkas tamlīdzīgs), kura pēc izmēriem ir mazāka nekā ekrāns pa visu ekrānu? Tas nav iespējams izmantojot css.

Lai atkārtotos tikai horizontāli(t.i. platumā), tad Tavā gad.

body {background: url(../images/1347.jpg) repeat-x;}

vai

body {

background-image: url(../images/1347.jpg);

background-repeat: repeat-x;

}

[Anonīms]

Redzi manā variantā bildes izmēri ir 2000 × 1040 un lielāki , ekrāns ir mazs uz doto brīdi 1600×900 , bet bilde lapā atkārtojas 4 reizies skrulējot uz leju.

[natolv]

Lūdzu, paskaidro sīkāk, ko Tu gribi panākt?

Tu gribi, lai bilde neatkārtojas uz leju(y asi), bet atkārtojas pa labi(x asi)?

Vai arī, lai fona bilde ir statiska, tad jālieto:

background-attachment: fixed; /* Fiksēts fons*/

background-image: url(../images/1347.jpg); /* Fona attēls*/

background-repeat: no-repeat; /* lai neatkārtojas*/

[Anonīms]

Labi , piedošanu, ka neizsakos īsti skaidri Jums !

Mēģināšu pateikt skaidrāk.

Tātad fona atēls lapai!

Viss ir skaisti līdz lapa nepaliek garāka (skrulējot uz leju) tur sāk dalīties šis fona attēls(atkārtoties). Vai ir kāda iespēja lai šis fona attēls būtu viens vesels neatkarīgi no lappuses garuma vai platuma (platums gan nemainās vispār Fiksēts)

Jo skats ir nesmuks, gribu izmantot attēlu , kur no tumšākas krāsas uz leju pāriet uz gaišāku krāsi protams uz bildes ir šādi tādi elementi lietus lāses nu tas nav svarīgi.

Nu re un šeit arī ir problēma , garākai lapai, šī te gaismas parēja partrūkst dēļ tā ka sākas atkal tas pats attēls no augšas sanāk , Tumš – vidējs – gaiš un tad atkal TUMŠ .

Varbūt tagad izteicos skaidrāk.

[natolv]

body {

background-image: url(fons.png); /* fona attēls*/

background-attachment: fixed; /* fons ir statisks */

background-repeat: no-repeat; /* lai neatkārtojas */

background-size: 100%; /* izmērs ir 100% no pārlūka loga*/

}

Ir tikai 1 bet, background-size strādās uz IE9+, Firefox 4+, Opera, Chrome, Safari 5+.

Tas tiek panākts tīri ar css.

To ir iespējam panākt arī ar JS.

[Anonīms]

Lielumlielais paldies tev 🙂

[Aldis]

Vēl ir

[Autors]

Ieraksti