background-image:url(images/img02.jpg) no-repeat left top; 这句话最后的left top是什么意思?
更加详细请参考http://www.w3school.com.cn/tiy/t.asp?f=csse_background
background-image 定义
background-image 是CSS的一种属性,作用是为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
background-image 属性
url:设置图片的地址
repeat : 默认值。背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像仅在横向上平铺
repeat-y : 背景图像仅在纵向上平铺
background-position : 设置图像的起始位置。
background-position属性
语法:
background-position : length || length
background-position : position || position
取值:
length : 百分数 | 由浮点数字和单位标识符组成的长度值。
position : top | center | bottom | left | center | right
说明:
设置或检索对象的背景图像位置。必须先指定 background-image 属性。
该属性定位不受对象的补丁属性( padding )设置影响。
默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值将用于纵坐标。
如果设置值为 right center ,因为 right 作为横坐标值将会覆盖 center 值,所以背景图片将被居右定位。
对应的脚本特性为 backgroundPosition。
楼主你要问的 left top 就是 background-position 的值,也就是说把图片的初始位置设置为左上。
left和top顾名思义就是左上的意思,所以就是这个图片在左上角显示
http://www.w3school.com.cn/cssref/pr_background-position.asp