Question

如果将div设置为＆＃34; float＆＃34;我发现div中的按钮无法单击。在我的HTML中，两个按钮＆＃34; a＆＃34;和＆＃34; b＆＃34;无法点击。你有什么想法吗？

<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>

Answer 1

您的代码示例也适用于我..

然而我猜是有一个绝对定位的div（不在上面的代码中）“按钮顶部”

尝试将position: relative;添加到<div id="buttonpanel">如果不尝试同时添加z-index，它可以自行运行

Answer 2

通过它的外观#subtitlepanel被覆盖在按钮之上。按照建议将z-index添加到#subtitlepanel。这也是IE中的常见问题。

浮动div内的按钮无法单击

2 个答案: