您现在的位置是:网站首页>建站学院织梦CMS

CSS设置背景图片不显示的解决方法

2020-04-26来源: 织梦CMS 人已围观

简介 在建立织梦dedecms 新的内容模型的时候,需要修改前台的文章页面的排版,为了使页面各个部分的显示效果一致,希望增加的部分的标题的背景图片与其他版块的背景相同。 为了方便,于是

在建立织梦dedecms 新的内容模型的时候,需要修改前台的文章页面的排版,为了使页面各个部分的显示效果一致,希望增加的部分的标题的背景图片与其他版块的背景相同。gIM企业网站模板免费下载_网站建设_企业网站建设方案

为了方便,于是就直接从原有的CSS文件中把代码复制过来了,如下:gIM企业网站模板免费下载_网站建设_企业网站建设方案

background: url(../images/green_skin.png) 0 -188px repeat-x;gIM企业网站模板免费下载_网站建设_企业网站建设方案

可是奇怪的是,无论怎么修改,背景图片就是不显示,可是相同的css代码在其他位置就能正常显示,网上的很多解决方法都看过了,什么文件位置啊、设定宽度高度啊,都不起作用。gIM企业网站模板免费下载_网站建设_企业网站建设方案

后来忽然怀疑虽然文件的位置是对的,可是引用的路径会不会出问题了,于是就把上面图片的相对路径改成了绝对路径,结果背景图片正常显示。gIM企业网站模板免费下载_网站建设_企业网站建设方案

可相对路径错在哪里呢?gIM企业网站模板免费下载_网站建设_企业网站建设方案

原来,由于这行代码是写在独立的CSS文件中的,而CSS文件保存在与images相同目录的style目录下(style/xxx.css),“../ ”表示CSS文件所在目录的上级目录。gIM企业网站模板免费下载_网站建设_企业网站建设方案

而我为了修改方便,直接将style代码写在网页中,而网页所在的目录与images目录在同一级,再加上“../ ”就表示images目录的上级目录了,这样就导致了路径错误,从而找不到图片,就更别提显示了,所以去掉“../ ”就可以正常显示了。gIM企业网站模板免费下载_网站建设_企业网站建设方案

希望遇到类似问题的朋友可以参考!gIM企业网站模板免费下载_网站建设_企业网站建设方案

很赞哦! ()

猜您喜欢

付费说明

    1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.

    2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”

    3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统

    4、【收费说明】制作企业网站,我是这么收费的!

文章评论

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取

站点信息

l