根 css 不适用于 IE 浏览器

Question

我使用 root css 来设置我的背景图片。所有其他浏览器都支持它，但在 IE 9+ 中我无法将背景图像应用于 css。可能是根 css 支持浏览器。 我正在使用 javascript 设置根 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类中引用图片的url，例如

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

如果你在javascript中设置了图片url，那么你需要直接在javascript中访问body元素并更改图片url。