关于background-position

background-position: x y(background-p_w_upload:fixed时才能保证在opera,firefox上有效)

x y指的是背景在元素的起始位置(可以为负值,负值时将图片往左上拉),而不是背景图的起始位置
元素就像是背景上的一堵窗,但只显示被窗覆盖的部分的背景,其余背景不显示
 
当x y为100% 100%(0 0,0 100%,100% 0)时指的是背景居于元素右下角(左上角,左下角,右上角),而不是指背景在元素的起始位置是右下角(左上角,左下角,右上角)
 
如果只指定了一个值,该值将用于横坐标,纵坐标将默认为 50% 。
如果指定了两个值,第一个值将用于横坐标,第二个值将用于纵坐标。
如果一个值为right、left(无论是第一还是第二个值),则另一个值将自动用于纵坐标。
(例如:background-position:50% left和background-position:left 50%
效果是相同的)
如果一个值为top、bottom,则另一个值将自动用于横坐标(解释同上)
两个值不能同时为right或left,也不能同为top或bottom
 
 
 
5.13&5.15
CSS参差浮动:
方案1:把曲线图切分成若干幅图,设置和切分图数量相同的img元素,src分别按顺序设为切分的图,css属性均设为float:left clear:left
方案2:设置若干div,将这些div的背景均设为所需曲线图,然后按需设置各个div的width和background-position使曲线图呈现出需要的效果(推荐使用)
 
5.14
为了不使img的宽度比其父元素更宽,可以设置img的max-width为100%