css z-index 图片重叠 定位

流程图的时候在上面用红圈圈定位某节点用。

代码:

<img src="/i/eg_mouse.jpg" width=300px height:300px style="position:absolute;z-index:-2"/> 
<img src="/i/eg_mouse.jpg" width=150px height:150px style="position:absolute;z-index:-1"/> 
<img src="/i/eg_mouse.jpg" width=75px height:150px style="position:absolute;z-index:0"/> 
<div style="display:block;position:absolute;width:35px;height:35px;border:2px solid red;z-index=1;margin-top:10px;margin-left:10px"/>

 

效果如下:

 

 

演示地址:http://www.w3school.com.cn/tiy/t.asp?f=csse_zindex2