javascript backgroundPosition 属性


  翻译结果:

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>

运行实例 »

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

首页

视频

问答