Javascript 页面背景不';不显示整个图像

Javascript 页面背景不';不显示整个图像,javascript,html,css,Javascript,Html,Css,我有一个带有背景图像的网站,通过javascript随机选择: document.body.style.background= 'url('+randombgs[num]+')'; 我已将背景设置为来自randombgs[]阵列的图像,该阵列包含15个背景。但背景被切断,整个图像不显示(见下图) 这就是我看到的: 这就是我应该看到的 如何修复此问题,使我的浏览器显示整个图像,而不是95%的图像?使用CSS背景大小属性: body { background-size: contain;

我有一个带有背景图像的网站,通过javascript随机选择:

document.body.style.background= 'url('+randombgs[num]+')';
我已将背景设置为来自
randombgs[]
阵列的图像,该阵列包含15个背景。但背景被切断,整个图像不显示(见下图)

这就是我看到的:

这就是我应该看到的


如何修复此问题,使我的浏览器显示整个图像,而不是95%的图像?

使用CSS背景大小属性:

body {
  background-size: contain;
}

图像将适合您的容器。

您可以在CSS中使用
背景大小
属性(值为
包含

有关更多详细信息,请参阅


IE8及以下版本不支持:仅限。

不要使用javascript执行此操作。这个规则在你的情况下总是需要的,所以只需要使用CSS。你现在身体里还有其他东西吗?您能提供一个JSFIDLE来显示问题吗?通过添加:document.body.style.backgroundSize=“1980px 965px”来修复它