您现在的位置是:首页 > 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目录的上级目录了,这样就导致了路径错误,从而找不到图片,就更别提显示了,所以去掉“../”就可以正常显示了。
希望遇到类似问题的朋友可以参考!

本文标签:

很赞哦! ()

相关源码

  • (自适应)帝国cms7.5模板自媒体文章新闻博客为帝国CMS7.5设计的响应式模板,采用H5技术构建现代化内容展示框架。通过智能断点检测技术实现手机、平板、PC三端适配查看源码
  • (PC+WAP)蓝色低碳环保隔断板装修装饰类网站pbootcms源码下载本款基于PbootCMS开发的网站模板为活动隔断板、装修装饰行业打造,特别适合移动隔断、环保隔断、办公分区等产品的展示与推广。查看源码
  • 自适应新闻资讯技术博客个人网站pbootcms模板该模板基于PbootCMS开源内核深度开发,该模板适用于游戏新闻网站、游戏博客等企业或个人网站,新闻资讯技术博客pbootcms模板;采用六级分辨率断点适配技术查看源码
  • (PC+WAP)蓝色不锈钢簧线金属制品营销型pbootcms网站模板本模板基于PbootCMS内核开发,为不锈钢及金属制品企业量身打造。采用响应式设计,适配PC与移动设备,提供统一后台管理体验,数据实时同步更新。查看源码
  • (PC+WAP)蓝色电子半导体电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发,为半导体和电子科技行业设计,特别适合电子元器件、集成电路、半导体设备及相关技术产品展示。查看源码
  • (自适应)物流运输快递仓储货运网站模板免费下载基于PbootCMS内核开发的物流运输行业专用模板,深度适配仓储货运企业的业务展示需求。前端采用响应式布局,自动适配手机端访问,后台数据实时同步更新,帮助企业高效展示运输网络、仓储设施、服务流程等核心业务模块。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐