Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Fono dydis HTML

Parašė Nemokuphp· 2014 Kov. 29 16:03:59
#1

Sveiki, turiu sukūręs HTML tinklapį, ir jame ant fono uždėjęs paveiksliuką. Bet mano ekrano dydis yra vienoks, o kitų kompiuterių kitoks, kaip padaryti, kad fono paveikslėlis automatiškai prisitaikytų prie visų dydžių ir nesidubliuotų?

Parašė Pakartoti slaptažodį· 2014 Kov. 29 16:03:20
#2

jei nenori kad paveikslėlis dubliuotųsi ir būtų atvaizduojamas tik vieną kartą, naudok css:
background: url("fonas.png") no-repeat;

Redagavo Pakartoti slaptažodį· 2014 Kov. 29 16:03:32

Parašė Creatium· 2014 Kov. 29 17:03:35
#3

Iš esmės yra dvi galimybės. Viena - tai pasinaudoti CSS3 galimybėmis ir sužaisti su background-size parametru. Tik šis dalykas veiks ant naujesnių naršyklių, senosios tokių technologijų nepalaiko.

Kitas variantas yra su Javascript sužaisti. Vieną iš variantų galima rasti čia: http://stackoverflow.com/a/35531...

P.S. Iš esmės yra ir trečias variantas. Tai yra, paveiksliuką daryti labai didelį su išblurintais šonais (pvz. į juodą spalvą). Taigi ant didelio ekrano matysis paveiksliukas ir dalis juodo fono, ant mažo - tik paveiksliukas.

Redagavo Creatium· 2014 Kov. 29 17:03:15