單選按鈕中的圖片不適用於IE11

Question

我嘗試在單選按鈕中使用圖片。 但是問題是，當我在IE9上運行時，它工作正常，但在IE 11上卻沒有。 在我的jQuery腳本上，我隱藏了所有單選按鈕，並使用標簽進行了操作。 在IE9上，我可以單擊圖片（任何位置），這很好。 但是在IE11上，我只需要單擊左下角。

<div id="div_name">
    <table class="tables">
        <tr>
            <td><input type="radio" name="name"[] id="H1" value="H1" class="me_radio"><label for="H1" class="radio_label"><img src="icons/1.gif"><br>One</label></td>
            <td><input type="radio" name="name"[] id="H2" value="H2" class="me_radio"><label for="H2" class="radio_label"><img src="icons/2.gif"><br>Two </label></td>
            <td><input type="radio" name="name"[] id="H3" value="H3" class="me_radio"><label for="H3" class="radio_label"><img src="icons/3.gif"><br>Three</label></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>
</div>


$('#me_radio label').click(function() {
    $('#other_div label').removeClass('selected');
        .
        .// remove classes from another
        .
    $(this).addClass('selected').siblings().removeClass('selected');
});

和CSS

.selected {
    background-color: #ccc;
}

Answer 1

可能有點晚了，但是我一直在使用的解決方法是

<meta http-equiv="x-ua-compatible" content="IE=10">

您可能已經解決了此問題，但希望您找到了另一種工作方式。