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