负利润率，Z指数，然后单击阻止

Question

我使用负利润率布局两列：

<div id="left-column"><input type="checkbox" /></div> 
<div id="right-column"> 
    <div id="right-column-inner"></div> 
</div> 

的CSS：

#left-column { width: 200px; float: left;} 
#right-column { margin-left: -200px; width: 100%; float: left;} 
#right-column-inner { margin-left: 200px; float: left;} 

不幸的是，在Opera 10.54，Safari 4的和FF 3 +，该复选框不可点击，因为#right-column正在捕捉点击，然后传播到复选框。

我试过操纵z-index但没有运气。

任何想法如何让这个工作？

Answer 1

当您更改CSS（如top，left，bottom，right或z-index），你必须指定除static（默认值）以外的position属性定位属性。

因此更改z-index和position CSS属性。

#left-column { width: 200px; float: left; position:relative; z-index:100;}