css层次问题，很奇怪哟。

<HTML>
<HEAD>
<TITLE>Mouse Event</TITLE>
<style type="text/css">
.csssquare
{
position:absolute;
left:100;
top:100;
width:200;
height:200;
cursor:crosshair;　　/*这里是十字形的鼠标*/
border:1 red solid;
z-index:0;　/*设置层次关系，但不管用*/
background-color:none;/*当这个不为none时，是正确的*/ } .cssgirl
{
position:absolute;
left:100;
top:100;
width:200;
height:200;
cursor:hand;　/*这里是手状的鼠标*/
z-index:-1;　　/*层次*/
}
</style>
</HEAD>
<BODY>
　　<img id="girl" name="girl" src="girl.bmp" class="cssgirl">
　　<div id="square" name="square" class="csssquare">因为你的div里面没有内容！容器上没有内容在页面上可见，所以会出现你所说的问题</div>
</BODY>
</HTML>

解决方案 »

  1.   

    cloudchen(陈系上)兄弟，好像不是这样的吧。我在div里加入文字，还是一样的！再者我的div上面不允许其它任何东西的。我要在上面模拟画图的。
      

  2.   

    奇怪﹐既然你img和div都重疊了﹐那干嗎不直接把img的cursor也改成crosshair呢
      

  3.   

    不要弄的那么复杂，你把图片作为div的背景不就行了