欢迎来到欣怡源码!我们致力于织梦终身会员模板及VIP模板更新

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

相关案例演示

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

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

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

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

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

可相对路径错在哪里呢?

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

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

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

作者:欣怡源码 挑错 时间:2020-08-19 11:00
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关织梦教程
在线客服