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

Question

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

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

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

Answer 1

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

Answer 2

将输入字段放在label标签内 例如：

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

所有元素都可以在标签里面工作，你的img也是如此。 只记得使用不透明度来隐藏输入字段。 IE8不会在显示器上触发事件：无或可见性：隐藏元素