Home > Web Front-end > HTML Tutorial > CSS中background:url(图片) 不能显示的问题_html/css_WEB-ITnose

CSS中background:url(图片) 不能显示的问题_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:18:57
Original
1442 people have browsed it

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

background:url(images/bg/bg1.gif) no-repeat;

这段代码居然不能显示出背景图片,倒塌。。。
代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Google,发现有这个问题的人还真不少。。。但是真正指出问题所在的信息并不多。。。

真正的问题在哪?

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

background:url(../images/bg/bg1.gif) no-repeat;

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template