当前位置:首页 > CSS手册 > 正文

background-position

作者:不详 来源: 【 】 浏览: 添加日期:2008-12-12 我要评论(1)     

CSS background-position 属性

定义

background-position 属性设置背景图像的起始位置。

继承性:NO

说明

background-image 属性会在元素的背景中设置一个图像。

这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.backgroundPosition="bottom center"

例子

body{
	background-image:url(stars.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
body{
	background-image:url(stars.gif);
	background-repeat:no-repeat;
	background-position:0% 0%;
}

可能的值

描述
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
如果您仅规定了一个关键词,那么第二个值将是"center"。
默认值:0% 0%。
x% y% 第一个值是水平位置,第二个值是垂直位置。
左上角是 0% 0%。右下角是 100% 100%。
如果您仅规定了一个值,另一个值将是 50%。
xpos ypos 第一个值是水平位置,第二个值是垂直位置。
左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。
如果您仅规定了一个值,另一个值将是50%。
您可以混合使用 % 和 position 值。
(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖CSS手册〗Tags:

把本文章添加到会员中心我的学习计划里

相关文章

更多评论(1)..会员评论

hamiao(113.109.*.*) 发表于:2011-08-03 17:02:49
站长你好,我用div布局的时候遇到一个问题,在嵌套div,实现最上层文字,中层置顶不循环的背景图片,和最底层循环背景图片以后,中层的置顶不循环图片就不显示了,请问这样的布局要怎么处理呢?我希望得到一个因文字加长而背景向下复制,又要文字和不重复背景叠加的效果。谢谢。

出差旅游免费预订酒店

【视频教程】新手常见问题