我使用 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);
最佳答案
IE 11 不支持 CSS 变量。参见 http://caniuse.com/#feat=css-variables
您需要直接在 body 类中引用图片的 url,例如
body{
background-image: url("image.jpg");
}
如果你在javascript中设置图片url,那么你需要直接在javascript中访问body元素并更改图片url。
关于javascript - 根 css 不适用于 IE 浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45431303/