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 屬性設(shè)置為 "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.