Question

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

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

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

Answer 1

Codepen does not support IE9：

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

无论浏览器如何，你的jsfiddle似乎都不起作用，但这是因为它的CSS预处理器没有设置为＆＃34; SCSS＆＃34; （因为它在您的代码集中设置）。

我没有运行IE9，但如果我在IE11中访问你的jsfiddle链接，请更改IE＆＃34;文档模式模拟＆＃34;设置为＆＃34; 9＆＃34; （在Dev Tools中），将小提琴的CSS预处理器更改为＆＃34; SCSS＆＃34;，然后单击＆＃34;运行＆＃34;，当我点击＆＃34时，您的cookie栏会按预期关闭; X＆＃34;

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

Answer 2

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

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

复选框标签不适用于IE

2 个答案: