浮動div內的按鈕無法點擊

如果div設置爲「浮動」，我發現div內的按鈕無法點擊。在我的html中，不能點擊兩個按鈕「a」和「b」。你有什麼主意嗎？浮動div內的按鈕無法點擊

<div id="titlepanel" style="height:65px; position:absolute; top:0px; left:0px; width:70%; overflow:auto; background-color:#b0e0e6;" > 
     wait 
    </div> 

    <div id="subtitlepanel" style="height:65px; position:absolute; top:0px; left:0px; width:70%; visibility:hidden; background-color:#aaaaaa; " > 
     subtitle 
    </div> 

    <div id="buttonpanel" style="height:65px; width:12%; float:right; background-color:#bbbbbb;"> 

     <input type="button" value="a" id="a" /> 
     <input type="button" value="b" id="b" /> 

    </div>

來源

2011-06-27 hosir

以及我可以點擊上面的代碼http://jsbin.com/ecipub –

我有同樣的問題，因爲重疊按鈕..添加正確的浮動值現在工作 – Ravi

你的代碼示例爲我工作太..

在猜我會說有一個絕對定位的div（而不是在上面的代碼中）「潔癖」的按鈕，但是

嘗試加入position: relative;到<div id="buttonpanel">可能在它自己的工作，如果不嘗試添加z-index太

來源

2011-06-27 10:22:04 clairesuzy

通過它#subtitlepanel長相上的按鈕的頂部被覆蓋。建議將z-index添加到#subtitlepanel。這在IE中也是一個常見問題。

來源

2011-06-27 10:25:40 dotty

浮動div內的按鈕無法點擊

回答

相關問題