root css不适用于IE浏览器

Question

我使用root css来设置我的背景图像。所有其他浏览器都支持它，但在IE 9+中，我无法将背景图像应用于css。可能是root css支持浏览器。 我正在使用javascript设置root css变量。 我也使用LESS和Sass css，但没有通过javascript或JQuery设置css全局变量。 这是我的css代码： -

:root{
--mainbgimage: url("image.jpg");
}
body{
background-image: var(--mainbgimage);
}

有没有办法让IE浏览器支持此代码 Javascript代码

var image = // image fetched from database;
document.documentElement.style.setProperty("--mainbgimage", image);

Answer 1

IE 11不支持CSS变量。请参阅http://caniuse.com/#feat=css-variables

您需要直接在body类中引用图片的网址，例如

body{
background-image: url("image.jpg");
}

如果您在javascript中设置图片网址，则需要直接在javascript中访问body元素并更改图片网址。