您现在的位置是：首页 > 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标签云优化代码实例
之前论坛有人发过这个教程，现在我把改良美化过后的代码发出来。js代码（2个js代码一样，任选一个，第一个为压缩过的，可以提升页面加载速度,第二个为普通未压缩）
dedecms安全设置执行php脚本限制设置方法
最近很多使用dedecms的站长都被被挂马，或种下后门，因为用的人多，研究的人也多防不胜防，所有dedecms安全设置就非常必要了，这篇文章是代码号模板根据网上多方资料整理而来
织梦dedecms在模板里面引用另外的页面的代码示例
{dede:global name=字段名 runphp=yes} if(@me==视频) @me=getFileContent("你文件的路径"); {
织梦cms制作网站地图的方法
sitemap是网站上各网页的列表。创建并提交sitemap有助于百度(Google)发现并了解您网站上的所有网页，包括百度通过传统抓取方式可能找不到的网
相关源码
-
(自适应响应式)黑色酷炫高端数码摄影pbootcms网站模板源码本模板基于PbootCMS开发，为摄影工作室、个人摄影师及摄影爱好者设计。采用深色系风格，突出摄影作品展示效果，适配各类数码设备浏览。适用于作品集展示查看源码 -
帝国CMS7.5养生生活健康网模板完整带会员中心可封装APP本套模板为生活服务类网站设计，适用于两性健康、减肥瘦身、生活资讯等领域。采用帝国CMS7.5核心开发，结构清晰合理，视觉体验舒适，能够有效满足相关行业的建站需求。查看源码 -
(自适应响应式)高端珠宝首饰奢侈品pbootcms模板下载本模板为珠宝首饰及奢侈品行业打造，采用PbootCMS内核开发，具备卓越的视觉表现力与商业转化能力。自适应设计确保在手机端呈现产品细节，后台数据实时同步，助您高效展示钻石查看源码 -
(PC+WAP)绣花刺绣传统手工工艺pbootcms网站源码下载这款基于PbootCMS的网站模板为刺绣和传统手工艺行业设计，采用优雅的布局和精致的细节处理，能够呈现手工艺品的独特韵味和文化内涵。模板结构合理，功能完善，是手工艺从业者展示作品的理想选择。查看源码 -
(自适应)大气办公用品耗材供应打印机产品维修网站模板下载基于PbootCMS系统开发的响应式网站模板，为营销技术博主、数字产品评测者设计。采用前沿的响应式技术，确保内容在手机端和桌面端都能获得较佳阅读体验，帮助用户高效展示技术文章和产品分析。查看源码 -
(自适应)家禽饲养养殖基地pbootcms模板响应式模板下载为家禽饲养企业、养殖基地设计的响应式网站模板，聚焦畜禽产品展示、养殖技术分享及企业信息服务。采用PbootCMS内核开发，响应式技术确保PC与手机端数据实时同步查看源码
| 分享笔记 （共有 篇笔记） |
