Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Bakgrund storlek internet explorer

Skapad av tok124, 2014-06-03 01:30 i Webbutveckling & Programmering

2 659
6 inlägg
1 poäng
tok124
Visningsbild
P 35 Hjälte 258 inlägg
0
Hej,

Jag använder en bild som backgrund för body.
När jag använder Chrome så fyller bilden upp hela skärmen och de är så jag vill ha det. Även om jag zoomar in och ut så fyller bilden upp hela skärmen. Men när jag nu testar med Internet Explorer och zoomar ut så blir de bara vit bakgrund runt om bakgrunds bilden och bilden blir även mindre. I Chrome så blir inte bilden mindre om jag zoomar ut.

Så här ser min css ut för body:
Ett stycke css-kod:

body {
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-size:100%;
padding: 0;
margin: 0;
}


Så background-size: 100% gör ju då att bilden fyller hela skärmen men de funkar ju inte i Internet Explorer. Har inte testat Mozilla Firefox än men jag skulle inte bli förvånad om de är samma problem där. Testade även på min telefon och då är de samma problem där. Bilden fyller bara skärmen på chrome.

Finns de någon lösning till det här?

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Lobax
Visningsbild
P 30 Uppsala Hjälte 5 448 inlägg
1
Svar till tok124 [Gå till post]:
Testa att sätta background-size: cover; istället för 100%.

Olika webbläsare har olika motorer och agerar således olika. Det finns standarder för hur webbläsare "ska" bete sig, men just IE är känt för att vara väldigt dåligt på att följa dem. Det trista är att gamla versioner av IE tyvärr är vanliga, så man får bygga fallbacks för dem. Här har du lite exempel:
http://css-tricks.com/perfect-full-page-background-image/

Jag är annars förvånad att din mobil beter sig annorlunda än Chrome, för såvida du inte har en windows-mobil så borde det vara samma motor (webkit) som i chrome.

tok124
Visningsbild
P 35 Hjälte 258 inlägg
Trådskapare
0

Svar till Lobax [Gå till post]:
Tack, Kör nu med
Ett stycke css-kod:

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


Funkar bra i IE om man inte zoomar ut. Zoomar man ut så blir de fortfarande vit bakgrund runt bilden.

Finns de något sätt så man kan typ skriva en text som endast är synlig i Internet Explorer?

Tänkte att man kan typ skriva en text där de står typ "Internet Explorer is not recomended for this website" eller något liknande?

Funkar helt perfekt med Mozilla iaf. Laddade precis ner de och de funkar


Tillägg av tok124 2014-06-03 16:21

Har googlat en hel del och försökt hitta något sätt att informera IE användare och jag har hittat massvis med resultat både med jQuery och html. Har testat allt jag hittat dock har de inte varit synligt i IE

Karlsson
Visningsbild
P 30 Arvika Hjälte 499 inlägg
0
Svar till tok124 [Gå till post]:
"Tänkte att man kan typ skriva en text där de står typ "Internet Explorer is not recomended for this website" eller något liknande?"

Du kan ta följande kodsnippet från HTML5BP:
Ett stycke html-kod:

<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href=" http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->



Tillägg av Karlsson 2014-06-03 18:40

http://www.quirksmode.org/css/condcom.html#link3 För mer IE-värden att använda.

tok124
Visningsbild
P 35 Hjälte 258 inlägg
Trådskapare
0

Svar till Karlsson [Gå till post]:
Funkar ej. Testade med lt, lte, gt och även gte. Ser inget på hemsidan. Vet inte varför. Kan de möjligtvis bero på cache? Men de e ju bara lite text de borde man inte behöva deleta cache för... Jag använder iaf IE 11 och de syns ingenting på hemsidan. syns bara i "Inspect Element"

Karlsson
Visningsbild
P 30 Arvika Hjälte 499 inlägg
0

Svar till tok124 [Gå till post]:
IE11 använder en annan user agent än tidigare. Kan vara därför.

IE11 har trots allt ganska bra modern stöd, och mer på gång. Har du korrekt fungerande kod enligt standard kan du köra igenom https://github.com/ai/autoprefixer när du kodat klart så slipper du prefixa. :)

Forum » Datorer & IT » Webbutveckling & Programmering » Bakgrund storlek internet explorer

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons