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

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

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

　　background: url(https://www.风格酷模板网.com/a/images/green_skin.png) 0 -188px repeat-x;

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

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

　　可相对路径错在哪里呢？

　　原来，由于这行代码是写在独立的CSS文件中的，而CSS文件保存在与images相同目录的style目录下（style/xxx.css），“https://www.风格酷模板网.com/a/ ”表示CSS文件所在目录的上级目录。

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

本站资源均来自互联网或会员发布，如果不小心侵犯了您的权益请与我们联系。我们将立即删除！谢谢！