您现在的位置是：首页 > 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+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计，基于PbootCMS内核开发，支持PC+WAP双端响应式布局，数据实时同步，适用于多行业快速建站。查看源码
(PC+WAP)蓝色钢结构机械五金工程建筑基建营销型pbootcms模板下载于PbootCMS开发的钢结构与工程机械专用模板，助力企业构建专业级产品展示平台；模板内置工程案例展示、产品参数对照表等专业模块，预设项目进度、施工方案等建筑行业专属栏目查看源码
响应式茶叶茶道pbootcms网站模板源码(自适应手机端)棕色复古茶具主题的响应式网站模板，为茶叶茶道企业设计，同时支持古玩字画、艺术文化等行业的快速适配，通过替换文字图片即可转型为其他行业官网，大幅降低开发成本。查看源码
(PC+WAP)茶叶茶艺茶道茶文化pbootcms模网站源码下载本模板基于PbootCMS系统开发，为茶叶企业、茶艺培训机构设计，特别适合展示茶产品、茶道文化等内容。采用响应式技术，确保在不同设备上都能呈现优雅的茶文化氛围。查看源码
(PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块，集成项目案例、环保工艺等建筑行业特色内容结构，测试数据包含LEED认证体系查看源码
帝国cms题库问答学习平台模板知识付费网站源码+数据采集为教育机构、培训平台及在线学习场景设计，提供完整的题库管理与问答服务解决方案。支持多种题型展示与答案查询，满足不同层次的学习需求。查看源码

分享笔记（共有篇笔记）

大家在看

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

本栏推荐

大家喜欢