background

英[?b?kgra?nd]? ?美[?b?k?ɡra?nd]??

n.(畫等的)背景;底色;背景資料;配樂

複數(shù): backgrounds

position

英[p??z??n]? ?美[p??z???n]??

n.位置,方位;地位,職位;態(tài)度;狀態(tài)

vt.安置;把…放在適當(dāng)位置;給…定位;駐軍

第三人稱單數(shù): positions 複數(shù): positions 現(xiàn)在分詞: positioning 過去式: positioned 過去分詞: positioned

JavaScript 背景位置屬性 語法

作用:設(shè)定背景影像的位置。

語法:Object.style.backgroundPosition=position

#參數(shù):x% y%,第一個(gè)值是水平位置,第二個(gè)值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規(guī)定了一個(gè)值,另一個(gè)值將是 50%。也可以使用像素單位控制。

JavaScript 背景位置屬性 範(fàn)例

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

執(zhí)行實(shí)例 ?

點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例