Fixiertes Hintergrundbild

Karl das kahle Moorhuhn · 10 November 2011

Hallo Freunde,

ich versuche gerade folgendes hinzubekommen: Ein Hintergrundbild rechts unten am Bildschirm fixieren, d.h. es scrollt nicht mit.

Folgendermaße bekomme ich das Bild nach unten rechts:

Code:

background-image: url('images/logo.png');
background-repeat:no-repeat;
background-position: right bottom;

wenn ich jetzt jedoch background-attachment: fixed einfüge, verschwindet meine Grafik. Wo liegt mein Fehler?

mermshaus · 10 November 2011

Keine Ahnung.

HTML:

<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>

        <style type="text/css">

            body {
                background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/7/79/Camille_Corot-Nadar.jpg/220px-Camille_Corot-Nadar.jpg');
                background-repeat: no-repeat;
                background-position: bottom right;
                background-attachment: fixed;
                
                height: 3000px;
            }

        </style>
    </head>

    <body>

    </body>

</html>

(Solche Testcases bitte gerne auch selbst anfertigen.)

Fixiertes Hintergrundbild

Karl das kahle Moorhuhn

Neues Mitglied

mermshaus

Senior HTML'ler

Neueste Beiträge