复选框标签在 IE 上不起作用答案

【问题标题】：checkbox label doesn't work on IE复选框标签在 IE 上不起作用
【发布时间】：2016-10-19 22:59:37
【问题描述】：

我想用一个纯css的cookie bar插件，但是当我想关闭cookie bar的时候，在IE9下就不行了，我真的不知道为什么会出现这个问题？

这是我想要使用的原始 [CODEPEN][1] 和我的 [JSFIDDLE][2]。

[1]: http://codepen.io/natewiley/pen/uGtcD<br>
[2]: https://jsfiddle.net/kodjoe/L2pw9752/3/

【问题讨论】：

【解决方案1】：

Codepen does not support IE9:

Our desktop browser support is:
•Chrome 1+
•Firefox 4+
•Safari 4+
•Opera 11+
•IE 10+

无论浏览器如何，您的 jsfiddle 似乎都无法正常工作，但那是因为它的 CSS 预处理器未设置为“SCSS”（因为它在您的 codepen 中设置）。

我没有运行 IE9，但是如果我在 IE11 中访问您的 jsfiddle 链接，请将 IE 的“模拟文档模式”设置更改为“9”（在开发工具中），将 fiddle 的 CSS 预处理器更改为“SCSS”，然后单击“运行”，当我单击“X”时，您的 cookie 栏会按预期关闭。

对于您的实际页面，您可以使用this one 等在线转换器将您的 SASS 转换为 CSS。然后，在您的 HTML 中包含生成的 CSS 而不是 SCSS。

【讨论】：

你是对的@MJR 为什么它只在 IE 上不起作用？以及如何将我的 SCSS 代码转换为简单的 CSS 规则以使其与 IE 一起使用？
我不确定你所说的“为什么它不能只在 IE 上工作”是什么意思。正如我所提到的，我的小提琴在 IE11 中使用 IE9 文档模式工作。关于转换，请参阅我修改后的答案中的最后一段。
在我的 IE9 中，当我使用 scss 而不是 css 时它不起作用，但我必须在 css 中转换我的 scss ！！！我试着回来;D

【解决方案2】：

我已经通过js添加了自己的功能，我的目标是点击X时向上滑动，谢谢大家的帮助;D

$(function(){
$('.close-cb').click(function(){
$('.cookie-bar').slideUp();
});
});

【讨论】：