某些单击在html中不起作用

我有一个像这样的html

<div class="div1">
<div class="cross">
</div>

<div class="contnt">

<input type="button" onclick="submitdata()"/>
</div>

而div cross

.cross{
width: 511px;
height: 100%;
background: url(../images/cross01.png) repeat-y;
position: absolute;
top: 0px;
right: 5px;
z-index: 1000;
background-repeat: no-repeat;
background-size: 100% 100%;
}

而div contnt

.contnt{    
position: relative;
    height: 299px;
    width: 267px;
}

---

问题是我无法单击div contnt中的按钮。超链接、按钮和div contnt中的任何内容都不起作用。有人知道问题所在。有什么建议吗

z-index:1000打开。cross将其放在按钮前面。这适用于点击和渲染。

上的z-index:1000。cross将其放在按钮的前面。这适用于单击和渲染。

首先，您需要为.cross div添加一个结束标记：

---

首先，您需要.cross div的结束标记：

---

你能准备一个please吗？如果没有JSFIDLE，我最好的猜测是你的.cross div与其他所有部分重叠，因为你使用的是position:absolute，你可以使用firebug来检查。Fiddle这里：你能准备一个please吗？如果没有JSFIDLE，我的最佳猜测是，你的.cross div与其他所有部分重叠，因为你使用的是position:absolute，您可以使用firebug来检查。Fiddle here:是的。我也认为这是问题所在。我如何克服这个问题。我需要在其他div前面使用.cross。您可能需要重新考虑您的设计实现。@Arun:没有简单的答案，假设按照Khior的建议简单地添加一个单击处理程序来交叉是不够的。请参阅尝试放置指针事件：无；在的CSS声明中。cross@itsmejodie：指针事件：无；在任何版本的IE中都不受支持-请看是的。我也认为这是个问题。我如何克服这个问题。我需要在其他分区前面加上.cross。您可能需要重新考虑您的设计实现。@Arun：没有一个简单的答案，假设按照Khior的建议简单地添加一个单击处理程序是不够的。请参阅尝试放置指针事件：无；在的CSS声明中。cross@itsmejodie：指针事件：无；在任何版本的IE中都不支持-请参阅

.contnt{    
position: relative;
    height: 299px;
    width: 267px;
}

<div class="div1">
    <div class="cross"></div>
</div>

<div class="contnt">
    <input type="button" onclick="submitdata()"/>
</div>

var cross = document.getElementsByClassName('cross'); 
cross[0].onclick = submitdata;