background

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

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

復(fù)數(shù): backgrounds

position

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

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

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

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

javascript backgroundPosition 屬性 語法

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

語法:Object.style.backgroundPosition=position

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

javascript backgroundPosition 屬性 示例

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

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例