Heim > Artikel > Web-Frontend > Ausführliche Erläuterung der Verwendung von CSS-Hintergrundanhängen
Ausführliche Erläuterung der Verwendung von CSS-Hintergrundanhängen
- php中世界最好的语言Original
- 2018-03-22 10:08:423049Durchsuche
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.
<!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>Der Vorschaueffekt im Browser ist wie folgt:
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!
In Verbindung stehende Artikel
Mehr sehen- Zusammenfassung von sechs Implementierungsmethoden des JSDOMReady-Ereignisses
- Beispiele für die CSS-Implementierung verschiedener Spaltenlayouts auf der Seite
- Reine CSS3-Vollbild-Diashow-Effekte
- Reiner CSS3-Stil mit coolen, farbenfrohen 3D-Schaltflächen
- Atemberaubende sechseckige CSS3-Menüanimationseffekte