forms - 在 IE8 中选择复选框时无法使用图像

Question

当我单击标签内的图像以选择/取消选择复选框时，它会在 Firefox 和 Chrome 中相应地更改其状态。但是，在 IE8 中，如果我单击图像，复选框永远不会响应，并且只会在我单击文本时更改其状态。

jsFiddle在这里（点击IE中文字前的白框图片）：

http://jsfiddle.net/dzTMD/3/

Answer 1

我不确定 IE8 中的问题是什么，但是您可以在 css 中使用背景图像，而不是直接在 html 中附加它，这将在 IE 中工作。这是摆弄示例

Answer 2

将输入字段放在标签标签示例中：

<label>
    <input name="yn00" id="yn00_1" type="checkbox">
    <div class="indicator"></div>
    <span>My text for this label</span>
 </label>

所有元素都将在标签内工作，你的 img 也是如此.. 只需记住使用 opacity 隐藏输入字段。IE8 不会在 display:none 或 visibility:hidden 元素上触发事件