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

【问题标题】：Cannot use an image when selecting a checkbox in IE8在 IE8 中选择复选框时无法使用图像
【发布时间】：2012-09-13 02:31:25
【问题描述】：

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

jsFiddle来了（点击IE中文字前的白框图片）：

【问题讨论】：

仅供参考，这似乎给我带来了问题，我在运行 Mountain Lion 10.8.1 的 Mac 上使用 FF15 另外，应该有一些 JS 代码吗？我在 JS 框中没有看到任何内容。
没有js代码。因为它发生在有或没有javascript的情况下。（不过，我稍后会添加一个 javascript。）

【解决方案1】：

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

【讨论】：

【解决方案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 元素上触发事件

【讨论】：