咨询电话:
15628812133
13
2024/09

迅睿cms中在同一模板使用不同的css背景图片

发布时间:2024-09-13 08:50:38
发布者:dzw
浏览量:
0

        大家可以看到以下内容,顶部有一个大的背景图片,核心功能处鼠标移动上去也会显示另一张背景图片,这两个内容不同,所以在后台中肯定算作两个字段。

        迅睿cms中在同一模板使用不同的css背景图片 (6)

        我们使用缩略图和核心功能背景图,方法也很简单直接使用函数调用。

迅睿cms中在同一模板使用不同的css背景图片 (8)

        而下边的则采用css的方式来实现。

迅睿cms中在同一模板使用不同的css背景图片 (4)

        但是,我突然发现,设计图中其他页面的核心功能的背景图片和css中的是不同的。

迅睿cms中在同一模板使用不同的css背景图片 (9)


        也就是说,我们不能使用同一个css文件,应该在模板页面中设置不同的图片,问题来了,我们只有一个模板,怎么才能为每个页面设置不同图片呢。

于是我想到了使用模板语法,模板语法可以调用后台字段中的值。

迅睿cms中在同一模板使用不同的css背景图片 (3)


        可是这么写css识别不出这个函数,那怎么才能让css识别呢?在php语法中,有一个类似js的赋值,如下图所示。我们把函数赋给另一个简单值就能调用了。

迅睿cms中在同一模板使用不同的css背景图片 (2)

        现在就能成功使用php语法在css中使用图片了。

迅睿cms中在同一模板使用不同的css背景图片 (1)

        了解更多迅睿cms知识点击这里

关键词:
返回列表