CSS overlaps two divs.

When I made a webpage, I put a weather plug-in for another webpage in the DIV, but when I clicked it, I jumped to the advertisement page. I wanted to find a method on the Internet to prohibit Div clicking, but I didn't find it, it seems that the js method was not successful. Later, I thought that the method of overlapping two layers was used to stop the click. Although positioning was a little troublesome

 

<Div style = "position: relative">
<Div style = "position: absolute; left: 0; top: 0"> </div>
<Div style = "position: absolute; left: 0; top: 0"> </div>
</Div>

 

Relative indicates relative positioning. Absolute is an absolute positioning mechanism. It is amazing that nothing can be done without one. However, if we put them together, we can combine the two divs in a div.

Bytes

 

Z-index: 1 is the display sequence of the two layers. The default value of Z-index is 0, which is suitable for multiple layers.