IE8/IE7中的自定義複選框

我正在嘗試爲我的網站創建自定義複選框，並且它適用於> IE9和其他瀏覽器。但正如預期在IE8或7。這裏是我的CSS它不工作IE8/IE7中的自定義複選框

input[type="checkbox"] + label span { 
    height: 13px; 
    width:13px; 
    display: inline-block; 
    cursor: pointer; 
    background: url("../img/icons.png") no-repeat; 
    vertical-align: text-top; 
    margin-right: 6px; 
    background-position: -57px -118px; 
} 

input[type="checkbox"]:checked + label span{ 
background-position: -70px -106px; 
} 

<input type="checkbox" id="chkbox1" value="1" onclick="alert('clicked');"> 
<label for="chkbox1"><span></span>Checkbox1</label>

它可以在最新的瀏覽器很好，我下載了回退到selectivizr.js：檢查僞選擇在IE8/7的工作，但問題是當我點擊複選框時，複選框的狀態似乎沒有任何變化，甚至沒有捕獲到onclick事件。任何幫助將不勝感激。

來源

2014-01-15 Nash3man

奇怪的是onclick事件在不觸發。 z-index是否有可能導致問題？ – Matt