本文主要介绍HTML5层叠加的实现,通过示例代码详细介绍,对大家的学习或工作有一定的参考学习价值。需要的朋友可以和边肖一起学习。
位置语法:
位置:静态绝对相对
位置参数:
静态:没有特殊定位,对象遵循HTML定位规则
绝对3360将对象拖出文档流,并使用左、右、上、下等属性进行绝对定位。其级联由css z-index属性定义。此时,对象没有边距,但仍有填充和边框
相对:对象不能堆叠,但会根据左、右、上、下等属性在正常文档流中偏移。
职位描述:
设置对象定位模式,可以使布局层易于绝对定位,更精确地控制盒体对象。
超文本标记语言
头
标题层/标题的方向
/head
风格
div { height:300
Wid唐山网站建设公司th:300
}
# d1 { position:absolute
背景色:绿色;
left:2em
top:2em
}
# d2 { position:absolute
背景色:蓝色;
left:4em
top:4em
}
# d3 { position:absolute
背景色:红色;
left:6em
top:6em
}
/style
身体
div id='d1 '
div id='d2 '
div id='d3 '
/body
/html
本文介绍了HTML5层覆盖的实现。更多相关HTML5层叠加内容,请搜索Script House之前的文章或者继续浏览下面的相关文章。希望大家以后多多支持脚本屋!