Пользовательские флажки в IE8/IE7

Question

Я пытаюсь создать собственные флажки для своего сайта, и он отлично работает с> IE9 и другими браузерами. Но это не работает, как ожидается, в IE8 или 7. Вот мой CSS

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 не получает захвата. Любая помощь будет принята с благодарностью.

Answer 1

Как и Nash3man, это может быть проблема с z-индексом. Personnaly для межблочных пользовательских флажков я использую этот плагин jquery: http://fronteed.com/iCheck/

Answer 2

Хороший шанс, что это сработает. Я создал их через два часа. Скажите, если это сработает. Я не тестировал их, т. Е. Потому, что у меня нет старой версии.

Радио кнопки: https://plus.url.google.com/url?q=https://jsfiddle.net/www139/ba5jn2e6/19&rct=j&ust=1438272911487000&usg=AFQjCNGbnoaoAsY0eXLb8k0YBrO3wswiNQ

Флажки: https://plus.url.google.com/url?q=https://jsfiddle.net/www139/wpq6qjyf/76/&rct=j&ust=1438273369508000&usg=AFQjCNG4Tfz0XYteFZAz8Q53OXSevujfNg