遮盖广告代码

/ 0评 / 0
1.<div style="position:absolute; top: 0; width: 100%; height: 0%; background: #000; z-index: 999;"></div><!--  上遮盖  -->
2.<div style="position:absolute; bottom: 0; width: 100%; height: 34%;background: #000; z-index: 999;"></div><!--  下遮盖  -->
3.<div style="position:absolute; left: 0; top: 0; width: 0%; height: 100%; background: #000; z-index: 999;"></div><!--  左遮盖  -->
4.<div style="position:absolute; right: 0; top: 0; width: 0%; height: 100%; background: #000; z-index: 999;"></div><!--  右遮盖  -->

下面说明CSS样式中Position属性四个值:static、fixed、absolute和relative的区别和用法
定位为relative的元素脱离正常的文本流中,但其在文本流中的位置依然存在,而定位为absolute的层脱离正常文本流,但与relative的区别是其在正常流中的位置不在存在。
position各个属性值的定义:
1、static:默认值。没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者z-index声明)。
2、relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常位置进行定位。可通过z-index进行层次分级。
3、absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过”left”,”top”,”right”以及”bottom”属性进行规定。可通过z-index进行层次分级。
4、fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过”left”,”top”,”right”以及”bottom”属性进行规定。可通过z-index进行层次分级。

发表评论

邮箱地址不会被公开。 必填项已用*标注