Ausführliche Erläuterung der Verwendung von CSS-Hintergrundanhängen-CSS-Tutorial-php.cn

Ausführliche Erläuterung der Verwendung von CSS-Hintergrundanhängen

php中世界最好的语言

Freigeben： 2018-03-22 10:08:42

Original

3144 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen, was die Vorsichtsmaßnahmen sind. Hier ist ein praktischer Fall, werfen wir einen Blick darauf.

1. HintergrundanhangAttribut

Verwenden Sie in CSS das Hintergrundanhangsattribut „Hintergrundanhang“, um das HintergrundbildOb es mit dem Objekt scrollt oder fixiert bleibt. Syntax:

background-attachment:scroll/fixed; Beschreibung:
Das Attribut „background-attachment“ hat nur 2 Attributwerte. Scrollen bedeutet, dass das Hintergrundbild beim Scrollen des Objekts gescrollt wird. Dies ist die Standardoption. Festgelegt bedeutet, dass das Hintergrundbild auf der Seite fixiert ist und nur andere Inhalte mit der Bildlaufleiste scrollen.

Zum Beispiel:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        #p1
        {
            width:160px;
            height:1200px;
            border:1px solid gray;
            background-image:url("cartoongirl.gif");
            background-repeat:no-repeat;
            background-attachment:fixed;
        }
    </style>
</head>
<body>
    <p id="p1"></p>
</body>
</html>

Nach dem Login kopieren

Der Vorschaueffekt im Browser ist wie folgt:

Ich glaube, Sie beherrschen die Methode Nachdem Sie den Fall in diesem Artikel gelesen haben, lesen Sie bitte andere verwandte Artikel auf der chinesischen PHP-Website.

Empfohlene Lektüre:

CSS bietet mehrere Möglichkeiten, ein dreispaltiges Layout zu implementieren

CSS- und Sass-Entwicklungsspezifikationen

CSS, um das Symbol rotieren zu lassen, wenn die Maus nach oben bewegt

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung von CSS-Hintergrundanhängen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!