javascript - 根 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。