Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript设置样式时的回退CSS背景图像?_Javascript_Css_Reactjs_Image_Fallback - Fatal编程技术网

使用javascript设置样式时的回退CSS背景图像?

使用javascript设置样式时的回退CSS背景图像?,javascript,css,reactjs,image,fallback,Javascript,Css,Reactjs,Image,Fallback,在常规CSS中,如果第一个图像不存在或加载失败,我可以使用此设置回退图像: .container { background-image: url(pics/img.webp), url(pics/img.png); } 然而,当我像React一样在javascript中设置样式时,如何实现这一点 感谢您的帮助:与CSS没有什么不同 document.body.style.backgroundImage=url'pics/img.webp',url'http://placekitten.c

在常规CSS中,如果第一个图像不存在或加载失败,我可以使用此设置回退图像:

.container {
  background-image: url(pics/img.webp), url(pics/img.png);
}
然而,当我像React一样在javascript中设置样式时,如何实现这一点

感谢您的帮助:

与CSS没有什么不同


document.body.style.backgroundImage=url'pics/img.webp',url'http://placekitten.com/200/300';CSS也是这样吗?你怎么用React设定的?很好!我想我昨天试过了,但我一定做错了什么。现在成功了!谢谢:这会加载两个图像,不利于优化