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