Hintergrund

英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]

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

Plural: Hintergründe

Position

英[pə ˈzɪʃn ] 美[ pəˈzɪʃən]

n Plural: Positionen Partizip Präsens: Positionierung Präteritum: positioniert Partizip Perfekt: positioniert

CSS-Hintergrundpositionseigenschaft Syntax

Wie verwende ich das Attribut „Hintergrundposition“?

Die Eigenschaft „Hintergrundposition“ kann die Startposition des Hintergrundbilds festlegen. Die Syntax lautet: Hintergrundposition: x y, wobei x die horizontale Position und y die vertikale Position darstellt. Es gibt viele Möglichkeiten, x und y Werte zuzuweisen, zum Beispiel: oben links, 3% 2%, xpos ypos .

Funktion: Legen Sie die Startposition des Hintergrundbilds fest.

Beschreibung: Dieses Attribut legt die Position des ursprünglichen Hintergrundbilds fest (definiert durch „Hintergrundbild“). Wenn das Hintergrundbild wiederholt werden soll, beginnt es an dieser Stelle.

Hinweis: Sie müssen die Eigenschaft „background-attachment“ auf „fixed“ setzen, um sicherzustellen, dass diese Eigenschaft in Firefox und Opera ordnungsgemäß funktioniert.

Werte, die eingestellt werden können:

Wenn Sie nur ein Schlüsselwort angeben, ist der zweite Wert „Mitte“. x% y%Der erste Wert ist die horizontale Position und der zweite Wert ist die vertikale Position. xpos yposDer erste Wert ist die horizontale Position und der zweite Wert ist die vertikale Position.

CSS-Hintergrundpositionseigenschaft 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;
  background-position:center;
}
</style>
</head>

<body>
<body>
<p><b>提示：</b>您需要把 background-attachment 属性设置为 "fixed"，才能保证该属性在 Firefox 和 Opera 中正常工作。</p>
</body>
</body>
</html>

Instanz ausführen »

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

Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！
Wert Beschreibung

oben Mitte

oben rechts

Mitte links

Mitte Mitte

Mitte rechts

unten links

unten Mitte

unten rechts

Standardwert: 0 % 0 %.

Die obere linke Ecke ist 0 % 0 %. Die untere rechte Ecke ist 100 % 100 %.

Wenn Sie nur einen Wert angeben, beträgt der andere Wert 50 %.


Die obere linke Ecke ist 0 0. Einheiten sind Pixel (0px 0px) oder jede andere CSS-Einheit.

Wenn Sie nur einen Wert angeben, beträgt der andere Wert 50 %.

Sie können %- und Positionswerte mischen.