定位、opacity透明度属性、visibility和display隐藏元素

定位、opacity透明度属性、visibility和display隐藏元素

1.定位

position（确定的是移动的基准）

• static，默认值。静态的。（不让动）

• relative，相对。相对于自身的位置来移动

• absolute，绝对定位position的值不是static的最近的祖辈元素。如果到最后都没有找到那么根据初始容纳块来进行定位。

  页面的第一屏。

  最小权限。。。。。

• fixed，固定定位，相对于视口来定位。

先后顺序。

默认的时候：

• 定位元素和非定位元素，定位元素在上面。

• 定位元素和定位元素，后面的定位元素在上面。

  定位元素的上下可以使用z-index来进行调整（层级）。默认的时候开启定位是auto（0），想让谁在上面就给谁的设置大一些。

2.opacity属性

opacity属性：指定了一个元素的透明度，当这个属性应用在元素上时，会将这个元素的所有（内容、背景色、边框）进行透明。

取值是从0~1的范围。0为完全透明，1为完全不透明。也可以使用小数。

3.使用visibility、display隐藏元素

visibility:value隐藏元素，

visibility:hidden和display:none的区别：visibility:hidden依然占据布局位置，display:none不占据位置。