background

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

n.（畫等的）背景;底色;背景資料;配樂

複數： backgrounds

position

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

n.位置，方位;地位，職位;態度;狀態

vt.安置;把…放在適當位置;給…定位;駐軍

第三人稱單數： positions 複數： positions 現在分詞： positioning 過去式： positioned 過去分詞： positioned

JavaScript 背景位置屬性 語法

作用：設定背景影像的位置。

語法：Object.style.backgroundPosition=position

#參數：x% y%，第一個值是水平位置，第二個值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規定了一個值，另一個值將是 50%。也可以使用像素單位控制。

JavaScript 背景位置屬性 範例

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

執行實例 »

點擊 "執行實例" 按鈕查看線上實例