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">

您可能已经解决了这个问题，但希望您找到了另一种方法。

单选按钮中的图片不能与IE11一起使用

1 个答案: