摘要: background-position:length | left | center | right length | top | center | bottom;概念:移动的x和y坐标,指的是背景图片相对于容器左上角移动的坐标。向右为x++,向下为y++。为负数时向上/向左移动。其中left:0%,center:50%,right:100%.将百分数换成像素,长度=(容器长度-背景图片长度)*百分比. 阅读全文
posted @ 2012-11-09 18:21 极简 阅读(242) 评论(0) 推荐(0)
摘要: 【概念】static:默认取值,位置跟书写的顺序一样。relative:相对位置,参照物是自己本身,当相对运动时,只影响自己的显示位置,且依然占据原先的位置,后边的标签流不会受到影响。absolute:绝对定位,参照物是离本元素最近的一个(有relative或absolute属性)定位的“祖先”,如果没有这个父容器,那默认就是body。fixed:真正的绝对定位,其位置永远相对浏览器位置来计算。而且就算用户滚动页面,元素位置也能相对浏览器保持不变,也就是说永远可以看到,这 个做一些彩单的时候可以用。可惜的是ie还不支持【relative VS absolute】 relative 参照物是.. 阅读全文
posted @ 2012-11-09 18:02 极简 阅读(301) 评论(0) 推荐(0)