Javascript 根css不适用于IE浏览器

我使用根css设置我的背景图像。所有其他浏览器都支持它，但在IE9+中，我无法将背景图像应用于css。根css可能支持浏览器。 我正在使用javascript设置根css变量。 我使用更少的css和Sass，但没有任何方法通过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);

---

CSS变量在IE 11之前不受支持。看

您需要直接在body类中引用图像的url，例如

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

---

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

请告诉我们您是如何设置的：root通过JavaScription，因为IE不支持CSS变量（请参见下面的答案），您无法设置CSS变量“-mainbgimage”使用IE中的setProperty。任何其他动态设置css数据的方法。我想在cssIf中的多个类中设置该值，如果您以前知道，哪些元素将获得该背景图像，然后只需向它们添加一个附加类，例如“动态背景图像”。然后在javascript中，创建该类并向其添加背景图像url（参见