【问题标题】: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/

【问题讨论】:

  • 你能创建一个 JSFiddle 来重现这个吗?
  • 对不起,我忘记了链接,我刚刚更新了我的问题
  • 我把它添加到我的问题@mwilson

标签: javascript jquery html css sass


【解决方案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();
});
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-04-15
    • 2013-05-24
    • 2017-11-03
    • 2016-05-03
    • 2017-09-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多