Javascript 半页背景/栏目背景

Javascript 半页背景/栏目背景,javascript,html,css,multiple-columns,Javascript,Html,Css,Multiple Columns,我正在这个网站()上运行这个JavaScript和CSS(),所以我需要的是将JavaScript和CSS调整到列_sx或将背景集中在左侧(有列的地方),这可能吗 我已经找到了一些可以帮助我的东西,但我认为这并不是我所需要的()。既然我对JavaScript不太了解,对CSS也了解不多,你能帮我吗 编辑:此处有更多详细信息您应该将背景设置为colonna_sx而不是body。因此,将此添加到colonna_sx background-repeat: no-repeat; background-p

我正在这个网站()上运行这个JavaScript和CSS(),所以我需要的是将JavaScript和CSS调整到
列_sx
或将背景集中在左侧(有列的地方),这可能吗

我已经找到了一些可以帮助我的东西,但我认为这并不是我所需要的()。既然我对JavaScript不太了解,对CSS也了解不多,你能帮我吗


编辑:此处有更多详细信息

您应该将背景设置为colonna_sx而不是body。因此,将此添加到colonna_sx

background-repeat: no-repeat;
background-position: center;
background-size: cover;
然后你应该改变脚本。如果添加jQuery,则可以更改此设置

 document.body.background ='http://adventureofucm.com/OtherSites/image_background/'+num+'.jpg';
对这个

var backgroundpic = 'http://adventureofucm.com/OtherSites/image_background/'+num+'.jpg';
$('.colonna_sx').css("background", "url(backgroundpic)");
没有jQuery

document.querySelector('div.colonna_sx').style.backgroundImage = 'url(http://adventureofucm.com/OtherSites/image_background/' + num + '.jpg)';

这在大多数浏览器(IE8及以上)中都应该可以使用。

你的JSFIDLE演示中充满了空:)你没有保存小提琴。对不起,应该修复:D你能详细解释一下你想要什么吗,我不明白。你想让左列中的背景成为该列的中心吗?当然,所以我需要的是或将脚本应用于该列背景,或将页面背景相对于sx列居中(请参见此处:)希望你理解:)我不确定这是我需要的,因为bg是由脚本选择的我编辑了我的答案。您应该更改脚本,使其将backgound添加到colonna_sx,而不是您的主体。好的,如果没有更好的方法,我想我会使用它,没有jquery就无法做到这一点?我添加了用于普通javascript的脚本。这应该适用于大多数浏览器。好的,所以你的答案肯定是最好的:D它只是。。。我想我做错了什么