欢迎光临华人兄弟网络,我们是一家专注中小型企业网站建设、营销网站优化、手机版数据同步、响应式网站建设公司!

咨询热线:010-82479698
微信号
新闻资讯News
北京网站建设公司哪家好_网站制作报价_网站设计推广_网站优化技巧_华人兄弟网络

如何解决CSS设置背景图片不显示的技巧

作者:admin | 点击: | 来源:admin
2108
2020
在建立新的内容模型的时候,需要修改前台的文章页面的排版,为了使页面各个部分的显示效果一致,希望增加的部分的标题的背景图片与其他版块的背景相同。为了方便,于是就直接...
 在建立新的内容模型的时候,需要修改前台的文章页面的排版,为了使页面各个部分的显示效果一致,希望增加的部分的标题的背景图片与其他版块的背景相同。
为了方便,于是就直接从原有的CSS文件中把代码复制过来了,如下:
 background: url(../images/green_skin.png) 0 -188px repeat-x;
 可是奇怪的是,无论怎么修改,背景图片就是不显示,可是相同的css代码在其他位置就能正常显示,网上的很多解决方法都看过了,什么文件位置啊、设定宽度高度啊,都不起作用。
 后来忽然怀疑虽然文件的位置是对的,可是引用的路径会不会出问题了,于是就把上面图片的相对路径改成了绝对路径,结果背景图片正常显示。
 
可相对路径错在哪里呢?
 原来,由于这行代码是写在独立的CSS文件中的,而CSS文件保存在与images相同目录的style目录下(style/xxx.css),“../ ”表示CSS文件所在目录的上级目录。
 而我为了修改方便,直接将style代码写在网页中,而网页所在的目录与images目录在同一级,再加上“../ ”就表示images目录的上级目录了,这样就导致了路径错误,从而找不到图片,就更别提显示了,所以去掉“../ ”就可以正常显示了。
 希望遇到类似问题的朋友可以参考!
我要咨询做网站
成功案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 010-82479698
    56422000
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

咨询送礼现在提交,将获得某某网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线010-82479698
合作意向表
您需要的服务
您最关注的地方
预算

直接咨询