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