您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms织梦CSS设置背景图片不显示怎么办
代曼2023-09-19DedeCMS教程已有人查阅
导读在建立新的内容模型的时候，需要修改前台的文章页面的排版，为了使页面各个部分的显示效果一致，希望增加的部分的标题的背景图片与其他版块的背景相同。
在建立新的内容模型的时候，需要修改前台的文章页面的排版，为了使页面各个部分的显示效果一致，希望增加的部分的标题的背景图片与其他版块的背景相同。
为了方便，于是就直接从原有的CSS文件中把代码复制过来了，如下：
后来忽然怀疑虽然文件的位置是对的，可是引用的路径会不会出问题了，于是就把上面图片的相对路径改成了绝对路径，结果背景图片正常显示。
可相对路径错在哪里呢？
原来，由于这行代码是写在独立的CSS文件中的，而CSS文件保存在与images相同目录的style目录下（style/xxx.css），“../”表示CSS文件所在目录的上级目录。
而我为了修改方便，直接将style代码写在网页中，而网页所在的目录与images目录在同一级，再加上“../”就表示images目录的上级目录了，这样就导致了路径错误，从而找不到图片，就更别提显示了，所以去掉“../”就可以正常显示了。
希望遇到类似问题的朋友可以参考！
为了方便，于是就直接从原有的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织梦程序安装后无法修改栏目的解决方法
- 用dedecms织梦程序做中英双语网站制作方法
- dedecms织梦cms搜索页面中调用最新文章的实现方法
- 去除dedecms织梦后台与前台登陆验证码的方法
- dedecms织梦自定义文章排序的实现方法
- dedecms织梦终极SEO优化步骤教程
- 怎么取消dedecms织梦后台登陆验证码
- dedecms织梦模板文件不存在,无法解析文档的解决方法
- dedecms织梦留言板调用head.htm的方法
- dedecms织梦修改软件类型标签等数据默认不能修改怎么办
- dedecms织梦系统生成静态页面提示“模板文件不存在，无法解析文
图文教程
dedecms织梦修改按tag标签显示全站相关内容的方法
在文章中依然用官方原有的标记，找到文件：\include\taglib\likearticle.lib.php；修改$typeid = " And arc.id<>$arcid ";
dedecms织梦模板中自定义字段排序功能实现方法
标签dede:arclist的排序是通过orderby来指定的，如下：而能给orderby赋值的只能是上面列出的值，也就是说dede:arclist 标签只能按照上面列出的字段排序。
dede织梦cms制作下拉式导航主栏目下调用出子栏目下拉式代码示例
dedecms5.7 5.6下拉导航，测试成功，完美兼容各大浏览器。一级导航HTML代码（代码格式按照下面的，一定不能变）：二级导航html代码，一般放在模板文件footer.htm中：
dedecms织梦后台上传图片出现302的解决方法
织梦图片集上传图片不能上传 弹出提示302这个问题是前两天遇到的，有位神人已经解决了。方法分享给大家，如下：解决方法是:
相关源码
-
(PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块，集成项目案例、环保工艺等建筑行业特色内容结构，测试数据包含LEED认证体系查看源码 -
(响应式)WordPress主题Ripro9.0博客免扩展二开版RiPro9.0是基于RiPro8.9版本深度二开优化的资源付费主题，源码修正，修复原版多处功能异常，确保系统稳定运行。支持虚拟主机环境部署，无需特殊服务器配置。查看源码 -
(自适应)大气办公用品耗材供应打印机产品维修网站模板下载基于PbootCMS系统开发的响应式网站模板，为营销技术博主、数字产品评测者设计。采用前沿的响应式技术，确保内容在手机端和桌面端都能获得较佳阅读体验，帮助用户高效展示技术文章和产品分析。查看源码 -
(PC+WAP)蓝色弹簧针厂家探针充电连接器设备网站源码下载基于PbootCMS开发的响应式模板，为弹簧针、探针连接器等电子元器件企业设计。模板采用工业蓝主色调，突出产品技术特性，支持多维度展示连接器产品的规格参数与应用场景，帮助制造企业建立专业线上展示平台。查看源码 -
响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发，为艺考培训学校与艺术机构设计，替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端，数据实时同步，运维效率提升300%。查看源码 -
(PC+WAP)红色家装设计智能家居家具建材pbootcms网站源码下载本模板基于PbootCMS系统开发，为智能家居、家装设计及家具建材行业设计。采用现代化布局风格，突出家居设计行业特色，适合展示各类家居产品、设计方案和建材信息。查看源码
| 分享笔记 （共有 篇笔记） |
