Shulou(Shulou.com)06/01 Report--

In this article Xiaobian for you to introduce in detail "how to achieve the overlay effect in the html5 layer", the content is detailed, the steps are clear, the details are handled properly, I hope this "how to achieve the overlay effect in the html5 layer" article can help you solve your doubts, following the editor's ideas slowly in-depth, together to learn new knowledge.

Position syntax:

Position: static absolute relative

Position parameters:

Static: no special positioning, objects follow HTML positioning rules

Absolute: drag objects from the document stream and use attributes such as left,right,top,bottom for absolute positioning. The cascading is defined by the css z-index attribute. At this point, the object does not have margins, but there are still blanks and borders.

Relative: objects cannot be cascaded, but will be offset in the normal document stream based on attributes such as left,right,top,bottom

Position description:

Setting the positioning mode of the object can make the layout layer easy to locate absolutely and control the box object more accurately.

Positioning of layer div {height:300; width:300;} # D1 {position:absolute; background-color:green; left:2em; top:2em;} # D2 {position:absolute; background-color:blue; left:4em Top:4em;} # d3 {position:absolute; background-color:red; left:6em; top:6em } after reading this, the article "how to achieve overlay effects in the html5 layer" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it before you can understand it. If you want to know more about the related articles, Welcome to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.