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

checkbox label doesn't work on IE

本文关键字：不起作用 IE 标签 复选框      更新时间：2023-09-26

我想使用一个纯css cookie栏插件，但是当我想关闭cookie栏时，它在IE9中不工作，我真的不知道为什么我在这个问题面前?

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

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

Codepen不支持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栏确实会关闭。


对于您的实际页面，您可以使用一个在线转换器(例如这个)将SASS转换为CSS。然后，在HTML中包含生成的CSS而不是SCSS。

我已经通过js添加了我自己的函数，我的目标是当我点击X时滑动，感谢您的所有帮助;D

$(function(){
$('.close-cb').click(function(){
$('.cookie-bar').slideUp();
});
});
相关文章：