css - Baggrundsbillede i Opera virker ikke - Udvikleren.dk

Tags: css

Bruger #13010 @ 19.12.12 03:15

Hvorfor virker det ikke som forventet i Opera når jeg prøver og sætte et billede som baggrund helt nederst på hjemmesiden.

I Opera vises det øverst.

left center rigt virker men bottom virker ikke som forventet.

CSS kode

 body {
    background-image: url(/billeder/x.png);
    background-repeat: no-repeat;
    background-position: left bottom;
 }

2 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #10216 @ 19.12.12 14:09

4.283

<body> er ikke højere end dit indhold. Dvs. fylder dit indhold ikke højde i viewport, så vil <body> heller ikke.

Du kan evt. bruge

CSS kode

 html,body {min-height: 100%;}

Eller placere det som et <img> billede, og bruge

CSS kode

 img { position: fixed; bottom: 0px; left: 0px; z-index: -1 }

Indlæg senest redigeret d. 19.12.2012 14:10 af Bruger #10216

Bruger #13010 @ 19.12.12 23:07

440

Nu har jeg testet noget mere.

Det sker i Opera når man floater et element. Så kommer baggrundsbilledet til at være lige over det floatet element som om man har sat det uden for body.

CSS kode

 body {
          background-image: url(/test/billeder/decorations.png);
          background-repeat: no-repeat;
          background-position: left bottom; 
       }
 
       footer {
          float: left;
       }

Demo : http://scootergrisen.dk/test/test0192.html

Det dur ikke med min-height: 100% og fixed fordi det skal være helt nederst på siden også når der kan scrolles og det skal ikke stå fast.

Indlæg senest redigeret d. 19.12.2012 23:09 af Bruger #13010

Baggrundsbillede i Opera virker ikke

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler