![Uploading 293765_489914.jpg . . .]
时间飞逝,秋天已经到来,这是一个丰收的季节,您收货了什么? 您可能收货了朋友;收获了亲情;收货了金钱;可知知识是无价的也是无形的,您收货了么?,接下来给大家分享一下定位的小知识,大家可以收货一下哟!
一、定位
定位的方向:position
left: ;
right: ;
top: ;
bottom: ;
相对定位:position:relative
特点:
a)相对于自身进行定位(以本身元素为基点)
b)不会脱离文档流的现象(不会影响其他元素,位置还是原来的位置)
c)不会改变元素的宽高
d)不会改变元素本身
f)会提高层级
绝对定位:position:absolute;
a)找有定位的父级,如果找不到,找body;
b)会脱离文档流
c)宽度尽可能的变窄,内容的宽度
d)会把元素变成块
固定定位:position:fixed
二、层级
1.元素定位之后,层级会提高
2.从小到大排序:
a) 普通元素<浮动元素<定位元素(父级元素<子级元素,永远子级都比父级高)
3.改变层级 :z-index(注意:只有元素设置定位了才能用)
三、素变透明
1. opacity: 0-1;(0最透明,1不透明 ,不兼容IE6)
2.filter:alpha(opacity:0-100);(filter:alpha(opacity=0-100);)