本文主要介绍HTML5层叠加的实现。通过示例代码进行了非常详细的介绍,对于大家的学习或者工作都有一定的参考价值。有需要的朋友下面和边肖一起学习。
位置语法:
位置:静态绝对相对
位置参数:
静态:没有特殊定位,对象遵循HTML定位规则。
Absolute:将对象拖出文档流,使用左、右、上、下等属性。用于绝对定位。它的堆栈由css z-index属性定义。此时,对象没有边距,但仍有填充和边框。
相对:对象不能堆叠,但是它们将根据左、右、上、下和其他属性在正常的文档流中偏移。
职位描述:
设置对象的定位方式,可以让布局层容易绝对定位,更准确的控制框体对象。
超文本标记语言
头
标题层/标题的方向
/头
风格
div {身高:300;
宽度:300;
}
# d1 {位置:绝对;
背景色:绿色;
左:2em
top:2em;
}
# d2 {位置:绝对;
背景色:蓝色;
左:4em
top:4em;
}
# d3 {位置:绝对;
背景色:红色;
左:6em
top:6em;
}
/风格
身体
div id=’d1 ‘
div id=’d2 ‘
div id=’d3 ‘
/body
/html
关于HTML5叠加实现的这篇文章到此为止。更多相关HTML5叠加内容,请搜索Script House之前的文章或者继续浏览下面的相关文章。希望大家以后多多支持剧本之家!
来源:剧本之家
链接:https://www.jb51.net/html5/734068.html
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。