2013-06-03 66 views
1

工作,我有這樣的有些點擊次數沒有在HTML

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

<div class="contnt"> 

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

一個HTML的DIV1有像

.div1 { 
padding: 35px 11px 15px; 
margin-bottom: -12px; 
border: 0px none; 
} 

和DIV交叉的CSS有

.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.the超鏈接,按鈕以及任何按鈕不working.anyone知道什麼是problem.any建議?

+1

你能得到[小提琴](http://jsfiddle.net)嗎? – yckart

+1

沒有jsfiddle,我最好的猜測是你的'.cross' div只是與其他所有東西重疊,因爲你使用'position:absolute',你可以使用螢火蟲來檢查它。 –

+0

小提琴這裏:http://jsfiddle.net/RichieHindle/UgDuB/ – RichieHindle

回答

6

z-index:1000.cross是把它在你的按鈕的前面。這適用於點擊以及渲染。

+1

是..我還以爲是我可以克服this.I需要在其他分區的前面.cross的problem.how。 – Arun

+1

您可能需要重新考慮您的設計實施。 – gersande

+0

是唯一的解決方案? – Arun

1

首先,你需要一個結束標記爲您.cross DIV:

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

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

此外,您的按鈕由.cross DIV遮擋由於對.cross DIV的z-index 1000。你將需要:

  • 結合的Click事件在十字架上,或從十字架的地方,可以點擊下面
  • 移動的按鈕了。
  • 您可以使用JavaScript的這樣一個片段事件的交叉結合:

    var cross = document.getElementsByClassName('cross'); 
    cross[0].onclick = submitdata; 
    
    相關問題