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 backgroundPosition属性 语法

作用：设置背景图像的位置。

语法：Object.style.backgroundPosition=position

参数：x% y%，第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值，另一个值将是 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>

运行实例 »

点击 "运行实例" 按钮查看在线实例