半页背景/列背景

Half page background / Column background

本文关键字：背景 半页      更新时间：2023-09-26

我在这个网站上运行这个JavaScript和CSS（jsfiddle）（animevid other），所以我需要的是将JavaScript和CSS调整为column_sx，或者将背景居中在左边（有列的地方），这可能吗？

我发现了一些可以帮助我的东西，但我认为这并不完全是我所需要的（左半部分和右半部分有多种背景）。既然我对JavaScript没有太多的了解，只对CSS有一些了解，你能帮我吗？

编辑：点击此处查看更多详细信息https://i.stack.imgur.com/c4fSm.png

您应该将背景设置为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及以上版本）http://caniuse.com/#feat=queryselector.

相关文章：