网页中怎么控制层(div)的顺序?
我做页面时用了下面的一段代码
<div id="Layer1" style="position:inherit; width:auto; height:auto; z-index:1; visibility:visible;">
<script language="JavaScript">
strApplet = "<applet code=MapFrame ";
strApplet = strApplet + "codebase=/gis12345/classes/ name=mapFrame ";
strApplet = strApplet + "hspace='0' vspace='0' align='left' archive=MeJ10.zip viewastext ";
if(screen.width < 1000)
strApplet = strApplet + " width='515' height='410' ";
else
strApplet = strApplet + " width='740' height='529' ";
strApplet = strApplet + ">";
strApplet = strApplet + "<param name='firesscriptevents' value='true'>";
strApplet = strApplet + "</applet>";
document.write(strApplet);
</script>
</div>
<div id="Layer2" style="position:absolute; width:913px; height:1473px; left:1px; top:-1px; z-index:2; visibility:visible">
<img src="1.jpg" width="1500" height="1500">
</div>
为什么无论我怎么调整都不能让那个applet在下面而让图片在上面呢?可以将这段代码直接保存成.htm再加个图就可以看见效果了。能让两个层重叠的地方显示图片也行。各位如果有别的方法能实现这种效果(就是图片在上,applet在下,图片小没事,越小越好)也可以啊。谁知道答案还望不吝告知啊,在线等,分数不够我再加啊,解决就行。在所不惜了。