在Yii2中更改背景

Question

如何在Yii2中實現背景變化？我是Yii2的新手。

下面是類似的東西：codepen.io

我需要通過CSS做到這一點，或者我應該通過任何Extensions辦呢？

Answer 1

鑑於文件使HTML結構就像在你鏈接，接下來你需要加載css和js代碼。你可以用幾種方法做到這一點，但最簡單的是將其添加到如下所示的相同視圖文件中：

<?php $cssContent = 'put css content here'; 
$this->registerCss($cssContent); 
$jsContent = 'put your javascript content here'; 
$this->registerJs($jsContent); 
?> 
<div id="change-bg-image"></div> 
<div id="change-bg-color"> 
</div> 

Answer 2

你可以通過javascript來做，只需改變包裝或document.body風格。

該變量是例如有：

document.body.style.backgroundImage 

編碼愉快。

（你可以聲明的鏈接，圖像陣列和做的setInterval，你也可以儘管例如的document.getElementById（「背景」）document.body的使用）