第八章 定位网页元素

第八章 定位网页元素

1.position定位

• **static：**默认值，没有定位，以标准流方式显示

• **relative：**相对定位，相对自身原来位置偏移（原来位置被保留）

  top、left、right、bottom偏移量方向

  

  #third {
  	background-color:#C5DECC;
  	border:1px #395E4F dashed;
  	position:relative;
  	right:20px;
  	bottom:30px;
  }
  

• **absolute：**绝对定位

  以它最近的已经定位的祖先元素为基准

  没有已经定位的祖先元素，以浏览器窗口为基准

  会对其它元素的定位造成影响，不会保留原来的位置

• **fixed：**固定定位

  以浏览器窗口为基准

2.z-index 重叠层的上下位置

值大的层位于值小的层上方，值为整数，默认值为0

3.网页元素透明度

opacity：x：x(0~1，越小越透明)

filter:alpha(opacity=x)：x(0~100,越小越透明)