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

Javascript-HintergrundPosition属性 Syntax

Funktion: Legen Sie die Position des Hintergrundbilds fest.

Syntax: Object.style.backgroundPosition=position

Parameter: x% y%, der erste Wert ist die horizontale Position, der zweite Wert ist die vertikale Position. 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 %. Es sind auch Steuerelemente für Pixeleinheiten verfügbar.

Javascript-HintergrundPosition属性 Beispiel

<html>
<head>
<style type="text/css">
body
{
background-color:#FFCC80;
background-image:url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
background-repeat:no-repeat
}
</style>
<script type="text/javascript">
function changePosition()
{
document.body.style.backgroundPosition="bottom center";
}
</script>
</head>
<body>

<input type="button" onclick="changePosition()"
value="Change background-image position" />

</body>
</html>

Instanz ausführen »

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