Hintergrund

Englisch[ˈbækgraʊnd] Amerikanisch[ˈbækˌɡraʊnd]

n. (Gemälde usw.) Hintergrund; Hintergrundfarbe; Hintergrundinformationen; Soundtrack

Anhang

Englisch[ə ˈtætʃmənt]美[ əˈtætʃmənt]

n (per E-Mail gesendet) Anhänge, Pfändung; Beschlagnahme von Eigentum <Gesetz> Beschlagnahme (Person, Eigentum)

Plural: Anhänge

css-Hintergrundanhang Syntax

Wie verwende ich das Attribut „Hintergrundanhang“?

Das Attribut „background-attachment“ muss zusammen mit dem Attribut „background-image“ verwendet werden, um festzulegen, ob das Hintergrundbild fest ist oder mit dem Rest der Seite scrollt. Kann eingestellt werden: Scrollen (das Hintergrundbild ist relativ zum Element fixiert), Fixed (das Hintergrundbild ist relativ zum Viewport fixiert), Ocal (das Hintergrundbild ist relativ zum Elementinhalt fixiert).

Funktion: Das Attribut „Hintergrundanhang“ legt fest, ob das Hintergrundbild fixiert ist oder mit dem Rest der Seite scrollt.

Beschreibung:

scrollen Standardwert. Das Hintergrundbild bewegt sich, während der Rest der Seite scrollt.

behoben Das Hintergrundbild bewegt sich nicht, wenn der Rest der Seite gescrollt wird.

loca Das Hintergrundbild ist relativ zum Inhalt des Elements festgelegt. Wenn der Inhalt eines Elements gescrollt wird, bewegt sich das Hintergrundbild immer mit dem Inhalt.

inherit legt fest, dass die Einstellung des Attributs „background-attachment“ vom übergeordneten Element geerbt werden soll.​

Hinweis: Alle Browser unterstützen das Attribut „Hintergrundanhang“.

css-Hintergrundanhang Beispiel

<html>
<head>
<style type="text/css">
body 
{
background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
background-repeat:no-repeat;
background-attachment:fixed
}
</style>
</head>
<body>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
<p>图像不会随页面的其余部分滚动。</p>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen