本文主要介绍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

发表回复

后才能评论