CSS定位

position 属性

static 默认值，没有定位

relative 相对定位( 相对自身原来位置进行偏移 偏移设置： top 、 left 、 right 、 bottom, 对于他的父亲或者兄弟都没有影响,定位依然在他的文档流中,他的位置也会被保存)

absolute 绝对定位 (偏移设置： left、right、top、bottom,跟定位(除static,因为没有定位)相辅使用,定位加在父亲盒子,绝对加在子盒子,以父盒子的位置来定位位置,如果没有使用定位会以浏览器窗口为基准来定位,这也就代表他会从文档流中脱离,且他的位置偏移后,位置不在被保存,一般情况下，绝对定位用在下拉菜单、焦点图轮播、弹出数字气泡、特别花边等场景 )

fixed 固定定 位(偏移设置： left、right、top、bottom,与绝对定位类似,但是他没有基准,是以浏览器窗口来定位的,且不会跟着滑动上下,是固定在浏览器的固定位置,他的位置不在被保存,偏移量不会随滚动条的移动而移动,一般在网页中被用在窗口左右两边的固定广告、返回顶部图标、吸顶导航栏等 )

！ ！ ！ 知识点:如何制作下拉列表,首先我们要记得我们使用浮动不可以使用overlow,因为这个属性对下拉列表是不行的,我们制作时最好使用Ul/li,过程中会使用浮动,定位以及disblay属性.如图:

z-index 属性

调整元素定位时重叠层的上下位置

z-index属性值：整数，默认值为0

设置了position属性时( static除外)，z-index属性可以设置各元素之间的重叠高低关系

z-index值大的层位于其值小的层上方

网页元素透明度

兼容高版本浏览器/主流浏览器

opacity:x x值为0~1，值越小越透明 opacity:0.4;

tiransition可以显示他的值

只对IE9以上低版本浏览器无效

filter:alpha(opacity=x) x值为0~100，值越小越透明 filter:alpha(opacity=40);