button，外面加了样式onclick就失效

[小白Alan]

主要代码如下:
<div class="area2">
<tr id="manageButtonsTr">
<td colspan="2" align=center>
<input type="hidden" name="maxOrderNum" id="maxOrderNum" value="" />
<c:choose>
<c:when test="${orderNew.status==0 || orderNew.status==1 || orderNew.status==2}">
<input type="button" class="button" onclick="ajaxSaveForm('1');" value="审核暂存" />
<input type="button" class="button" onclick="ajaxSaveForm('2');" value="审核通过" />
<input type="button" class="button" onclick="ajaxSaveForm('3');" value="作废" />
<input type="button" class="button" onclick="javascript:windowCloseForEasyUI();" value="放弃" />
</c:when>
<c:otherwise>
 
</c:otherwise>
</c:choose>
</td>
</tr>
</div>

样式代码如下：
<style type="text/css">
body{ padding-bottom:50px;}
.area2{ position:fixed; left:0px; top:580px; width:100%; height:20px; z-index:-1;}

</style>
为什么去掉<div>标签就好了，加上<div>，onlick就都失效了。真是百思不得其解！求高手指教

[110成成]

注释掉z-index:-1 试试，是不是堆叠了，遮住了。

[小白Alan]

不知道，用别的方法做了。谢谢大神