The concept of Dreamweaver MX middle-level layer

dreamweaver| concept

Dreamweave is a good web page making software, Web page is also graphic design, like Photoshop,fireworks, this makes our software has been such a concept, like the software in the layers of the concept, in the page on the first floor of the production. But the limit is bigger, and everything is made in a rectangular frame.

Here we add a layer, insert the-〉 layout object-〉 layer, so we add a corresponding layer, let's take a look at his code.

<div id= "Layer1" style= "Position:absolute; width:250px; height:181px; Z-index:1; left:59px; top:51px; " >
<p><a href=http://blog.csdn.net/overmind>overmind</a></p>
<p>sdfasdfsafsadfsad<br>
SDFDADASDFDSFASDFASDFASDF </p>
</div>

This is a layer, set a simple location and size, z-index:1 represents the z-axis position of the layer, through the Access ID, you can use JS to operate a layer of action.

Layer of the default color is transparent, if changed to Background-color: #FFFFFF ", then layer of underground things are not visible, are blocked by white.

Experiments have shown that the greater the value of the z axis, the higher the level of the front.

<div id= "Layer1" style= "Position:absolute; width:250px; height:181px; Z-index:1; left:165px; top:124px; Background-color: #FFFFFF ">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
</div>

<div id= "Layer2" style= "Position:absolute; width:250px; height:181px; Z-index:2; left:236px; top:142px; Background-color: #FFFFFF ">
<p>ccccccccccccccccccccccccccccccccccccccccccc</p>
<p>ddddddddddddddddddddddddddddddd</p>
</div>

The body of the Z-index should default is 0