这两天开始动手写一个jQuery小插件,涉及到了一些CSS知识,现总结如下,比较基础。
1.涉及到z-index属性的时候,界面必须要有position:absolute和position:relative属性,,z-index只有在该positon:static会失效,也就是默认值的时候。
2.position:absolute的时候必须要有tleft ,ight ,top,bottom 属性之一他才可以触发absolute.
3.postion:absolote是相对与父节点的定位,我也是被坑在这里了,很天真的认为这个元素只要有父节点就会找自身的父节点,后来一前端大叔过来看了一眼告诉我父节点要有position:属性这样这个元素才会知道相对于哪个父节点做相对定位。后来上网查证网上摘抄过来一句话默认依据父级的做标原始点为原始点。如果设定父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位.合算没有position属性就去相当于body定位了。。。标准文档里有这么一句话等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。
?
4.position:relative对于自己来定位的,例如:{position:relative;top:-50px;},这时会在相对于它原来的位置上移50px,可通过z-index进行层次分级。
5.position:fixed;这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。
?
?
?