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>
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!
