Javascript Meteor JS,支持CSS变量和IE

Javascript Meteor JS,支持CSS变量和IE,javascript,html,css,internet-explorer,meteor,Javascript,Html,Css,Internet Explorer,Meteor,我的问题是,我有一个meteor应用程序,而改变样式的最清晰、最简单的方法就是使用CSS变量。 但是:IE根本不支持它们,所以我必须编写一个助手函数,它改变了每个模板创建的样式,以及用户交互。 这个helper函数很慢,而且很难看,所以我只想为IE指定helper函数,并在其他浏览器中使用CSS变量。 -如果浏览器是IE use IEspec.css,我如何在构建之前指定, 其他情况下使用nonIEspec.css?我不知道meteor的构建过程,但您可以将其添加到index.html中: &l

我的问题是,我有一个meteor应用程序,而改变样式的最清晰、最简单的方法就是使用CSS变量。 但是:IE根本不支持它们,所以我必须编写一个助手函数,它改变了每个模板创建的样式,以及用户交互。 这个helper函数很慢,而且很难看,所以我只想为IE指定helper函数,并在其他浏览器中使用CSS变量。 -如果浏览器是IE use IEspec.css,我如何在构建之前指定,
其他情况下使用nonIEspec.css?

我不知道meteor的构建过程,但您可以将其添加到index.html中:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->

关于变量IE不支持它们,只需Edge 15+

在Edge 15中,不计算带有css变量的嵌套计算 并被忽略。请参见带有css变量的Edge 15动画中的错误 导致网页崩溃查看边缘15中的错误无法使用 伪元素中的css变量见错误

您有纯css变量,还是类似于SASS/LESS?也许有一个编译器,使他们的css 1,2或3


检查兼容性

我不知道meteor的构建过程,但您可以将其添加到index.html中:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->

关于变量IE不支持它们,只需Edge 15+

在Edge 15中,不计算带有css变量的嵌套计算 并被忽略。请参见带有css变量的Edge 15动画中的错误 导致网页崩溃查看边缘15中的错误无法使用 伪元素中的css变量见错误

您有纯css变量,还是类似于SASS/LESS?也许有一个编译器,使他们的css 1,2或3


检查兼容性

谢谢你,我是这样做的,现在好像可以工作了。但不是因为:它之所以有效是因为setStyle helper函数。因为在资源管理器中,CSS变量是未定义的,但是帮助函数元素获得已定义的属性。并且,仅当浏览器为IE或Edge时,该辅助功能才会运行。所以实际上不需要在index.html中检查浏览器谢谢你,我是这样做的,现在看起来像是在工作。但不是因为:它之所以有效是因为setStyle helper函数。因为在资源管理器中,CSS变量是未定义的,但是帮助函数元素获得已定义的属性。并且,仅当浏览器为IE或Edge时,该辅助功能才会运行。所以实际上不需要在index.html中检查浏览器