大家可以看到以下內(nèi)容,頂部有一個(gè)大的背景圖片,核心功能處鼠標(biāo)移動(dòng)上去也會(huì)顯示另一張背景圖片,這兩個(gè)內(nèi)容不同,所以在后臺(tái)中肯定算作兩個(gè)字段。
我們使用縮略圖和核心功能背景圖,方法也很簡(jiǎn)單直接使用函數(shù)調(diào)用。
而下邊的則采用css的方式來實(shí)現(xiàn)。
但是,我突然發(fā)現(xiàn),設(shè)計(jì)圖中其他頁面的核心功能的背景圖片和css中的是不同的。
也就是說,我們不能使用同一個(gè)css文件,應(yīng)該在模板頁面中設(shè)置不同的圖片,問題來了,我們只有一個(gè)模板,怎么才能為每個(gè)頁面設(shè)置不同圖片呢。
于是我想到了使用模板語法,模板語法可以調(diào)用后臺(tái)字段中的值。
可是這么寫css識(shí)別不出這個(gè)函數(shù),那怎么才能讓css識(shí)別呢?在php語法中,有一個(gè)類似js的賦值,如下圖所示。我們把函數(shù)賦給另一個(gè)簡(jiǎn)單值就能調(diào)用了。
現(xiàn)在就能成功使用php語法在css中使用圖片了。
了解更多迅睿cms知識(shí)點(diǎn)擊這里。
上一篇: vue使用el-dialog打開彈窗
下一篇: css的背景圖片漸變