您现在的位置是：首页 > 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模板下载为机械制造、工业设备类企业设计，特别适合各类机械设备、生产线、工业自动化产品展示。采用响应式技术，确保在不同设备上都能清晰展示机械产品的技术参数和细节特点。查看源码
手机软件APP游戏软件下载网站Pbootcms模板(自适应)基于PbootCMS内核深度开发的网站模板，为移动互联网时代打造。无论是手机APP推广、游戏软件展示，还是各类企业官网需求，本模板都能通过简单的图文替换实现行业无缝切换查看源码
帝国cms7.5大型游戏资讯门户网站源码免费下载本模板基于帝国CMS7.5内核开发，为大型游戏资讯门户网站设计。模板自带响应式手机版，适配多种终端设备。内容架构针对游戏行业特点优化，支持游戏资讯、评测、攻略等内容类型的发布与管理。查看源码
(自适应)证书授权书防伪查询系统pbootcms模板本模板基于PbootCMS系统开发，为各类证书查询机构设计，可快速构建高效安全的证书核验平台。采用响应式布局技术，自动适配手机端操作，支持批量导入证书数据，提供便捷的查询接口，满足机构证书管理及用户在线核验需求。查看源码
帝国cms淘宝客京东联盟网站整站源码下载本模板基于帝国CMS内核深度开发，为淘宝客行业量身定制。随着腾讯微信与淘宝生态的互联互通，淘宝客链接现可在微信、QQ等平台直接分享，为推广带来更多便利。模板特别优化了店铺推广功能，有效避免商品下架导致的链接失效问题，同时支持京东联盟等多平台商品推广。查看源码
帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发，采用帝国CMS内核构建，只需替换文字图片即可快速搭建专业网站。自适应手机端设计，数据实时同步，操作简单便捷。PHP程序确保安全稳定运行，帮助您以较低成本获取持续业务。查看源码