負利潤率，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;}