Full bakgrunn blir kuttet på mobil?

[Aafloey]

Hei. Jeg prøver å bruke et stort bilde som bakgrunn på en side jeg jobber med. Dette ser utrolig flott ut, og sentrerer seg og blir bra på pc, men på mobil så blir det selvfølgelig klur.

Detter er oppsettet jeg bruker nå:

body {
   background: url(../design/big_bg2.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: 100%;
}

Link til siden: http://nerlithere.no/2016/

Kan noen hjelpe meg litt, med å sette riktig css for at dette skal fungere også på mobil? Har prøvd masse rart uten å komme i mål.

[Gjest Slettet+1523]

Sett background-size til cover, ikke 100%.

[Aafloey]

Sett background-size til cover, ikke 100%.

 

Da blir det enda verre på mobil...

[Locrin]

Kan du vise hvordan det blir for deg? Når jeg bruker chrome og simulerer iphone 6 med background-size cover så ser det fint ut.

[Aafloey]

Kan du vise hvordan det blir for deg? Når jeg bruker chrome og simulerer iphone 6 med background-size cover så ser det fint ut.

[Locrin]

Rare ting. Jeg laget en test side med kun det backgrunnsbilde og css for bakgrunnsbildet.

 

Her er skjermbilde:

https://drive.google.com/open?id=0Bw0e3_74B_aKWUwzY1VzeWxjS3M2eHhTUG9YbGdNZFZaYmdV

 

Her er link til siden jeg laget testside på så du kan gå dit på telfonen din og se.

http://skramstad.solutions/test.html

 

 

Kan det hende at den gamle css innstillingen henger igjen litt? Prøv å oppdatere nettsiden et par ganger og sjekk fra en annen telefon om du kan. Ellers kan det hende at det er noe annen css som overstyrer?

Endret 11. september 2016 av Locrin