分享喵
分享我们的收藏

CSS中background:url( )图片不能显示的问题

刚刚碰到一个诡异的问题,这样一段CSS代码:

background:url(images/1.png) no-repeat;

这段代码居然不能显示出背景图片,fuck。。。

代码应该没有问题,于是尝试修改图片的定位,考虑到可能定位到别处被其它div遮住了,但是没用。。。

于是乎,百度一下,发现有这个问题的人还真不少。。。还让我找到了相关信息。。。

真正的问题在哪?

在url(imagepath)里的这个imagepath,原来它是相对于.css文件这个目录,而不是调用css文件所在文件的这个目录,简单点说,就是假如我有个index.htm,它要调用index.htm所在的一个子目录style目录下的style.css文件,背景图片存放在与style目录同级的images目录下,于是乎,这里的CSS应该这样写:

background:url(../images/1.png) no-repeat;

本站信息除喵叔原创外均来源于网络,信息可靠性请自行辨别,本站不负责相应的法律责任!交流群:512346889;转载请加超链接注明:分享喵 » CSS中background:url( )图片不能显示的问题

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址