半页背景/列背景

Question

我正在此网站（ animevid-other ）上运行此JavaScript和CSS（ jsfiddle ），所以我需要使JavaScript和CSS适应column_sx或将背景居中于左侧（在该列所在的位置），是这个吗可能？

我发现了一些可能有用的方法，但是我认为这并不是我真正需要的（多背景左半和右半）。 因此，由于我对JavaScript的了解并不多，而对CSS的了解却很少，您能帮我吗？

编辑：更多详细信息，请参见http://i.imgur.com/DsF4q3M.png

Answer 1

您应该将背景设置为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)';