半頁背景/列背景

我在這個網站上運行這個JavaScript和CSS（）（animevid-other），所以我需要的是適應JavaScript和CSS的column_sx或背景居中左側（其中有專欄），這可能嗎？半頁背景/列背景

我發現了一些可能有所幫助，但我認爲這不完全是我需要的東西（multiple-backgrounds-left-half-and-right-half）。所以，既然我對JavaScript沒有太多的瞭解，並且只是關於CSS的一些東西，你能幫助我嗎？

你的jsfiddle演示充滿了空:)你沒有保存小提琴。 – 2014-09-01 07:47:19

赦免，應該修正：D – 2014-09-01 07:48:22

你能否更準確地解釋你想要的，我不明白。你想讓左列中的背景成爲該列的中心？ – dashtinejad 2014-09-01 07:59:16

更多詳情，您應該將背景設置爲colonna_sx，而不是身體。因此，將此添加到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以上）http://caniuse.com/#feat=queryselector。

2014-09-01 08:04:11 TeeDeJee

我不確定那是我需要的，因爲bg是由腳本選擇的 – 2014-09-01 08:11:55

我編輯了我的答案。您應該更改腳本，以便將背景添加到colonna_sx而不是您的主體。 – TeeDeJee 2014-09-01 08:18:34

好吧，我想我會用這個，如果沒有更好的發現，沒有辦法做到這一點，沒有jQuery？ – 2014-09-01 08:20:33

回答