位置: IT常识 - 正文

CSS设置背景图片不显示的解决方法(css设置背景图片填充)

编辑:rootadmin

推荐整理分享CSS设置背景图片不显示的解决方法(css设置背景图片填充),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css设置背景图片透明度,css设置背景图片平铺,css设置背景图片大小,css设置背景图片大小自适应,html怎么用css设置背景图片,html怎么用css设置背景图片,css设置背景图片透明度,css设置背景图片大小,内容如对您有帮助,希望把文章链接给更多的朋友!

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

为了方便,于是就直接从原有的CSS文件中把代码复制过来了,如下:

background: url(../images/green_skin.png) 0 -188px repeat-x;

CSS设置背景图片不显示的解决方法(css设置背景图片填充)

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

后来忽然怀疑虽然文件的位置是对的,可是引用的路径会不会出问题了,于是就把上面图片的相对路径改成了绝对路径,结果背景图片正常显示。

可相对路径错在哪里呢?

原来,由于这行代码是写在独立的CSS文件中的,而CSS文件保存在与images相同目录的style目录下(style/xxx.css),“../”表示CSS文件所在目录的上级目录。

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

希望遇到类似问题的朋友可以参考!

免责

本文链接地址:https://www.jiuchutong.com/zhishi/303684.html 转载请保留说明!

上一篇:Using Visual Leak Detector

下一篇:Emiller's Advanced Topics In Nginx Module Development

  • 苹果热点名称在哪改(苹果热点名称在哪里改)

    苹果热点名称在哪改(苹果热点名称在哪里改)

  • 天府健康码怎么改手机号(天府健康码怎么又上线了)

    天府健康码怎么改手机号(天府健康码怎么又上线了)

  • qq黄钻怎么赠送好友(qq黄钻怎么赠送好友几天)

    qq黄钻怎么赠送好友(qq黄钻怎么赠送好友几天)

  • 微信强提醒怎么设置(微信强提醒怎么没有了)

    微信强提醒怎么设置(微信强提醒怎么没有了)

  • 如何开启微信群视频(如何开启微信群禁言)

    如何开启微信群视频(如何开启微信群禁言)

  • 微信怎么更新最新版本呢(微信怎么更新最新版本8.0.21)

    微信怎么更新最新版本呢(微信怎么更新最新版本8.0.21)

  • 微型计算机内存容量的基本计量单位(微型计算机内存储器是)

    微型计算机内存容量的基本计量单位(微型计算机内存储器是)

  • feedme是什么牌子电脑(feedme是什么牌子笔记本)

    feedme是什么牌子电脑(feedme是什么牌子笔记本)

  • 空白页第一页删除不了怎么办(删除第一页空白)

    空白页第一页删除不了怎么办(删除第一页空白)

  • 苹果xs max尺寸(苹果XS max尺寸多大)

    苹果xs max尺寸(苹果XS max尺寸多大)

  • 手机充电一直响个不停是什么原因(手机充电一直响个不停充不进去电)

    手机充电一直响个不停是什么原因(手机充电一直响个不停充不进去电)

  • 手机联通卡变为空号(联通手机号变成移动)

    手机联通卡变为空号(联通手机号变成移动)

  • 怎么从开发者模式退出(怎么从开发者模式下载付费文档呢)

    怎么从开发者模式退出(怎么从开发者模式下载付费文档呢)

  • 华为单手操作怎么打开(华为单手操作怎么点上面的按键)

    华为单手操作怎么打开(华为单手操作怎么点上面的按键)

  • qq同城群什么意思(qq同城群和普通群有什么区别)

    qq同城群什么意思(qq同城群和普通群有什么区别)

  • 华为手机显示无法访问移动网络是怎么回事(华为手机显示无卡)

    华为手机显示无法访问移动网络是怎么回事(华为手机显示无卡)

  • 主板没有机箱怎么开机(电脑没有主板)

    主板没有机箱怎么开机(电脑没有主板)

  • 收款记录怎么加好友(收款记录怎么加微信)

    收款记录怎么加好友(收款记录怎么加微信)

  • 作业帮有没有电脑版的(作业帮有没有电脑板)

    作业帮有没有电脑版的(作业帮有没有电脑板)

  • ps怎么修改证件照底色(ps怎么修改证件照)

    ps怎么修改证件照底色(ps怎么修改证件照)

  • 手机不支持微信运动计步怎么办(什么手机不支持微信)

    手机不支持微信运动计步怎么办(什么手机不支持微信)

  • iqooneo855版有nfc吗(iQOOneo855版有NFC吗)

    iqooneo855版有nfc吗(iQOOneo855版有NFC吗)

  • 别人发微信视频为什么手机没提示(别人发微信视频没有铃声怎么回事)

    别人发微信视频为什么手机没提示(别人发微信视频没有铃声怎么回事)

  • iphonex 热点几个人(iphone x 热点)

    iphonex 热点几个人(iphone x 热点)

  • 苹果x收短信特效看不到(苹果x手机短信)

    苹果x收短信特效看不到(苹果x手机短信)

  • 闪电盒子app怎么销户(闪电盒子怎么赚钱)

    闪电盒子app怎么销户(闪电盒子怎么赚钱)

  • 华为无线耳机一个响一个不响(华为无线耳机一个响一个不响怎么办)

    华为无线耳机一个响一个不响(华为无线耳机一个响一个不响怎么办)

  • 扫描枪怎么和电脑连接(扫描枪怎样用)

    扫描枪怎么和电脑连接(扫描枪怎样用)

  • xp共享文件夹在哪

    xp共享文件夹在哪

  • 不含税买货合法吗
  • 城建税减半从什么时候开始
  • 2019发票认证期限新规
  • 另收取包装物押金
  • 坏账计提坏账准备
  • 支票罚金
  • 应交税费负数调整
  • 收到的房租增值税专用发票可以抵扣吗
  • 其他综合收益和综合收益的关系
  • 预缴增值税怎么填表
  • 公司如何开现金支票给个人
  • 电脑怎么写记事本
  • 企业现金管理办法
  • 服装租赁开票税目
  • 股东捐赠给企业资金保壳
  • 其他应付款跨年如何应对
  • 服装厂里面
  • 小规模外贸公司
  • 工会经费按上年工资总额还是本年
  • 危险废物处理费用发票怎么开
  • 定期定额户需要自己申报吗
  • 企业采购设备有哪几种情形
  • 长期股权投资减值的判断依据
  • 超市收代金券如何处理
  • 视同买断委托代销如何确认纳税时间?
  • win10无internet怎么解决
  • 付款交单和承兑交单对卖方来说都有一定风险
  • cmos电池低是什么意思
  • 如何删除驱动器里面的文件
  • deepin linux安装教程
  • windows无法连接到system Events
  • 竣工结算的依据有哪些?
  • 增值税的优惠有哪三种形式
  • 房产置换流程及费用
  • 计提城建税是在当月提吗
  • 医疗知识科普图片
  • 孕妇钙片什么时候吃最好吸收? 已解决
  • api使用方法
  • jquery还用吗2020
  • html 教程
  • 角点检测算法
  • php ffi
  • 外国人在我国境内被刑事拘留
  • 个体工商户城市维护建设税
  • 循环语句例题及解析
  • 股权投资都有哪些
  • 个体户单位性质代码
  • 短期贷款利息支付
  • 必要报酬率和期望报酬率谁大更好
  • 小规模以前年度城建税未计提
  • 用现金券付房租违法吗
  • 小规模企业收到普通发票如何做账
  • 学校收到政府补助的会计分录
  • 固定资产一次性扣除账务处理
  • 账簿的概念与分类
  • mysql压测调优
  • win2003server远程设置
  • 如何将windows 7升级到windows 10
  • linux安装atop
  • win7如何开启飞行模式
  • linux系统简介
  • windows8.1 preview
  • win10在哪里更改用户名
  • 删除文件或文件夹时出错怎么办
  • win7系统本地连接图标不见了
  • win7不激活怎么换壁纸
  • jquery邮箱正则表达式
  • bat批处理视频教程
  • css基础知识教程
  • cocos2d-x教程
  • js如何引用
  • jquery easyui有哪些特点
  • css placement
  • flask开发实例
  • 电子税务局无法显示抵扣发票
  • 怎么查询企业的联系方式
  • 盐城市地税局稽查大队长
  • 地税完税证明怎么打印
  • 企业所得税的计算,收入是含税还是不含税
  • 什么是私人帐户
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设