html - chrome 中的问题，div 中的 HTML 表单

Question

我的页面上有 3 个 div，其中一个是代码中最后的表单，位于前 2 个 div 之上。在 Google Chrome 中，当我尝试点击表单域时，除非我点击输入框的底部或单选按钮的最顶部，否则它不会让我点击。

我已经通过删除其他 2 个 div 确认问题出在它后面的 div，并且之后它工作正常。

有人知道如何解决这个问题吗？

代码:

<div id="info_top"></div>  
<div id="info_bottom"></div>  
<div id="tabs">  
    <ul>  
        <li><a href="ahah_1.html" title="tabcontent"><span>tab1</span></a></li>
        <li><a href="ahah_2.html" title="tabcontent"><span>tab2</span></a></li>
        <li><a href="ahah_3.html" title="tabcontent"><span>tab3</span></a></li>
    </ul>  
    <div id="tabcontent"> ... </div>  
</div>

info_top、info_bottom 和 tabs 的位置设置为绝对位置，tabs div 位于另一个之上2. 表单加载到 tabcontent div。

链接:http://hintswen.com/tempstack/trunk/使用该页面上的第二个链接打开它，表单位于最后一个选项卡(顶行)。

Answer 1

我不确定这是否可行，但请尝试设置一个较大的值 ' z-index ' 用于 'ul' 标签

编辑:将两个 div 的 z-index 值设置为 -1，它有效(至少在 firefox 中)