您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

dedecms织梦CSS设置背景图片不显示怎么办

代曼2023-09-19DedeCMS教程已有人查阅

导读在建立新的内容模型的时候，需要修改前台的文章页面的排版，为了使页面各个部分的显示效果一致，希望增加的部分的标题的背景图片与其他版块的背景相同。

在建立新的内容模型的时候，需要修改前台的文章页面的排版，为了使页面各个部分的显示效果一致，希望增加的部分的标题的背景图片与其他版块的背景相同。
为了方便，于是就直接从原有的CSS文件中把代码复制过来了，如下：

background: url(../images/green_skin.png) 0 -188px repeat-x;

可是奇怪的是，无论怎么修改，背景图片就是不显示，可是相同的css代码在其他位置就能正常显示，网上的很多解决方法都看过了，什么文件位置啊、设定宽度高度啊，都不起作用。
后来忽然怀疑虽然文件的位置是对的，可是引用的路径会不会出问题了，于是就把上面图片的相对路径改成了绝对路径，结果背景图片正常显示。
可相对路径错在哪里呢？
原来，由于这行代码是写在独立的CSS文件中的，而CSS文件保存在与images相同目录的style目录下（style/xxx.css），“../”表示CSS文件所在目录的上级目录。
而我为了修改方便，直接将style代码写在网页中，而网页所在的目录与images目录在同一级，再加上“../”就表示images目录的上级目录了，这样就导致了路径错误，从而找不到图片，就更别提显示了，所以去掉“../”就可以正常显示了。
希望遇到类似问题的朋友可以参考！

本文标签：

很赞哦！ ()

上一篇：DedeCMS修改默认模板需要注意哪些问题

下一篇：手机访问DedeCMS网站都跳转到对应手机版的方法

相关教程

图文教程

相关源码

(自适应)蓝色英文外贸电子科技产品带三级栏目网站模板为外贸企业设计的英文网站模板，基于PbootCMS系统开发。突出多语言支持和国际化布局，三级栏目结构清晰展示产品分类，响应式设计确保更好客户在移动端和PC端获得一致的专业体验。查看源码
自适应APP应用程序介绍推广落地页pbootcms网站源码下载移动应用开发商设计的营销型落地页模板，基于PbootCMS内核深度开发采用前沿响应式架构，无缝适配手机端操作习惯与PC端展示需求。查看源码
(自适应响应式)供应链进出口服务pbootcms企业网站源码为供应链管理、进出口服务类企业设计，特别适合展示物流网络、贸易服务和供应链解决方案。采用响应式技术，确保在各类设备上都能呈现企业服务内容。查看源码
自适应车行汽车租赁二手车行业企业网站模板为汽车租赁与二手车交易场景深度优化，采用PbootCMS内核开发，聚焦车辆展示、租赁流程与服务介绍三大核心模块。响应式布局确保PC与移动端数据实时同步，后台一键管理车辆信息查看源码
(自适应响应式)环保净化器家用电器网站免费模板针对环保设备、环境监测等领域的PbootCMS响应式模板，通过模块化设计清晰展示污水处理技术、空气净化系统等解决方案。移动端呈现环保数据可视化图表，后端统一管理确保项目案例、技术等资料多端同步。查看源码
(自适应)调节阀门气动球阀控制阀网站模板源码下载为调节阀门、气动球阀等工业设备企业打造的响应式网站模板，基于PbootCMS系统开发。突出产品参数展示与技术文档管理功能，通过专业化的布局设计有效呈现工业设备特性，适配各类终端访问需求。查看源码

分享笔记（共有篇笔记）

大家在看

织梦cms收费哪几款cms可以免费商用？

本栏推荐

大家喜欢