HTML DOM backgroundPositionY 属性
定义和用法
backgroundPositionY 属性设置 background-image 的垂直位置。
语法:
- Object.style.backgroundPositionY=position
参数 | 描述 |
---|---|
- top - center - bottom | 垂直位置。 |
y% | 垂直位置。Top 是 0%。Bottom 是 100% |
ypos | 垂直位置。Top 是 0。单位是像素 (0px) 或其他 CSS 单位。 |
实例
下面的例子改变 background-image 的垂直位置:
- <html>
- <head>
- <style type="text/css">
- body
- {
- background-color:#FFCC80;
- background-image:url(bgdesert.jpg);
- background-repeat:no-repeat
- }
- </style>
- <script type="text/javascript">
- function changePosition()
- {
document.body.style.backgroundPositionY="bottom";
- }
- </script>
- </head>
- <body>
- <input type="button" onclick="changePosition()"
- value="Change background-image's y-position" />
- </body>
- </html>