CSS-Hintergrundpositionseigenschaft

Übersetzungsergebnisse：

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

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

<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

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.

CSS-Hintergrundpositionseigenschaft

CSS-HintergrundpositionseigenschaftSyntax

CSS-HintergrundpositionseigenschaftBeispiel

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten