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

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

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

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

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

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

可相对路径错在哪里呢？

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

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

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

html设置了背景图片不显示,CSS设置背景图片不显示的解决方法相关推荐

html背景图片只显示一张图片,img只显示图片一部分或 css设置背景图片只显示图片指定区域(示例代码)...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
html如何把图片在背景图一半,img只显示图片一部分或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
css 设置背景图一半_img只显示图片一部分或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
CSS背景图片定位(background-position,css sprit,背景定位,background-imag
CSS背景图片定位(background-position,css sprit,背景定位,background-imag 标签: 杂谈分类: css 在CSS中,背景图片的定位方位有3种: 1)关键 ...
css图片横向压缩,【css样式生成图片合并压缩工具】Sprite，你值得拥有
好久好久没有更新博客了,越来越懒...话说懒也有懒的好处,懒的时候你可能会想着用些神马方法来帮你偷懒.没错,下面就给大家介绍个博主前不久开发的[css样式生成 & 图片合并压缩工具]Spirt ...
笔记本网络计算机和设备不可见,xp电脑不显示无线网络的七种原因和解决方法...
xp纯净版系统电脑打开后发现桌面右下角不显示无线网络,如果要设置无线网络都不知道从哪里下手,这到底是怎么回事?造成xp系统不显示无线网络的原因有很多种,下面和大家讲解一下xp电脑不显示无线网络的七种原 ...
怎么在win7链接无线网络连接服务器,Win7系统网络连接一直显示正在获取网络地址但是连不上网解决方法...
电脑上不了网的原因很多,比如是网络设置问题.路由器问题.运营商问题.最近一个Win7用户,网络连接一直显示,正在获取网络地址但是连不上网,但是其它电脑可以上网,那么说明是电脑设置问题,那么该如何解决呢 ...
win10任务栏图标显示异常（重启资源管理器无果）解决方法
win10任务栏图标显示异常(重启资源管理器无果)解决方法方法1: - Ctrl+Win+R打开任务管理器 - 点击[文件],点击[运行新任务],输入[Explorer],运行,此刻可以看到Wind ...
linux终端能显示中文，但是不能输入中文的解决方法
linux终端能显示中文,但是不能输入中文的解决方法 linux终端能显示中文,但是不能输入中文的解决方法第一种方法:修改用户目录下的.inputrc文件允许 8bit 输入即可第二种方法(不建议 ...
安装系统正在为首次使用计算机ghost,win7系统安装程序显示正在为首次使用计算机做准备的解决方法...
win7系统是很多电脑用户首选的装机系统,然而有不少用户在使用过程中可能会碰到win7系统安装程序显示正在为首次使用计算机做准备的情况.大部分用户电脑技术都是菜鸟水平,面对win7系统安装程序显示正在 ...

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

html设置了背景图片不显示,CSS设置背景图片不显示的解决方法相关推荐

最新文章

热门文章