background image problema

Išskleist
2013-12-16 13:23 #10973 nuo Martis33
Martis33 atsakė į temą: Ats: background image problema
Gali būt, kad mobili naršyklė nesupranta cover reikšmės. Tai gali pasinaudot media queries ir mobiliems įrenginiams atskirai aprašyt. Pvz.:
@media only screen and (max-device-width: 480px) {
#html {
  position: fixed; 
  top: 0; 
  left: 0; 
  min-width: 100%;
  min-height: 100%;
}
}
Arba gal ir šitas visiems suveiktų:
body {
    background: url(images/fonas.jpg) no-repeat center center fixed; 
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    }

Tikrai daugiau dalykų padarytume, jei nelaikytume jų neįmanomais.

Norėdami dalyvaut diskusijoje prašome Prisijungti arba Sukurti sąskaitą.

Išskleist
2013-12-16 13:04 #10972 nuo pet1kfp
pet1kfp atsakė į temą: Ats: background image problema
Tai a išvis nežymejau x , nes apibrėžiau su cover reikšme.
Image dydis pats turi būti nesarbus, jis turi responsive reaguoti su ekrano rezoliucijos pokyčiais.
Per monitorių, nėra problemų, sutraukiu, išskleidžiu, reaguoja responsive, bet vat mobile... lieka fixed center...
Kažkuri vieta pjaunasi su css apibrėžimu cover....
Kažkuriuoje vietoje tereikėtų prirašyti !important;, bet kur?

Norėdami dalyvaut diskusijoje prašome Prisijungti arba Sukurti sąskaitą.

Išskleist
2013-12-16 12:03 #10971 nuo Martis33
Martis33 atsakė į temą: Ats: background image problema
Tai tu gal uždėjai labai mažo dydžio (aukštis x ilgis) paveikslėlį?

Geriau padaryk screenshotą ar nuorodą numesk ir detaliau paaiškink kas kur važiuoja ir kas neišsitempia

Tikrai daugiau dalykų padarytume, jei nelaikytume jų neįmanomais.

Norėdami dalyvaut diskusijoje prašome Prisijungti arba Sukurti sąskaitą.

Išskleist
2013-12-16 11:49 #10970 nuo pet1kfp
pet1kfp atsakė į temą: Ats: background image problema
Dėkoju už atsakymą, pritaikius, pavyko ant PC padaryti BG tvarkingai. iškilo kita bėda, mano projektas yra ant Joomla protostar templato, jis kaip ir responsive, bet pritaikius šias css taisykles, BG lieka center fixed, o toliau eina BG color, BG nei išsitempia, nieko, tiesiog lieka viršuje, o nuscrolinus žemiau lieka BG collor.
Yra įdėjų?

Norėdami dalyvaut diskusijoje prašome Prisijungti arba Sukurti sąskaitą.

Išskleist
2013-12-15 13:06 #10967 nuo Martis33
Martis33 atsakė į temą: Ats: background image problema
Labas
jei dėsi paveikslėlį į kokį div, tai paveikslėlis ir bus tokio dydžio kaip tas div konteineris. Pabandyk taip:
html { 
  background: url(images/fonas.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
Tik šita neveikia IE 8 ir žemesnėse versijose

Tikrai daugiau dalykų padarytume, jei nelaikytume jų neįmanomais.

Norėdami dalyvaut diskusijoje prašome Prisijungti arba Sukurti sąskaitą.

Išskleist
2013-12-15 12:25 #10966 nuo pet1kfp
pet1kfp sukūrė temą: background image problema
Laba diena,
ką aš blogai darau, kad man nesigauna background image vienas paveikslas, o content judantis?
Arba man bg image išsitempia, tiek, kiek yra turinio, arba pasikartoja pastoviai...
Kaip padaryti, kad bg image būtų paveikslėlis per visą ekraną, bet jeigu su turiniu važiuoju žemyn, paveikslas išliktų tas pats, tik turinys judantis, kaip pvz www.15min.lt/naujienos/gazas

Norėdami dalyvaut diskusijoje prašome Prisijungti arba Sukurti sąskaitą.

Puslapio sukūrimo laikas: 0.237 sekundžių
Forumas naudoja Kunena forumas

Informuojame, kad šioje svetainėje naudojami slapukai (angl. cookies). Blokuoti slapukus jūs galie atlikę atitinkamus nustatymus  naršyklėje.