CSS路径问题导致的背景图片属性失效

引用外部css时代码如下:


将main.css放在了style目录下。
main.css中定义以下属性时背景图片无效:

#site_title h1 a { 
display: block; 
width: 180px; 
height: 40px; 
color: #000; 
text-indent: -10000px; 
background: url(images/logo.png)  no-repeat top left;
}

用chrome浏览器的审查元素功能,可以看到:

background-image: url(http://zhongtian.t.com/style/images/logo.png);
background-position-x: 0%;
background-position-y: 0%;
background-size: initial;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;

原来这里继承了style目录。
解决方法:
将main.css移到根目录,引用外部css时代码改成:


或者main.css中使用绝对链接,在或者使用../表示上级目录。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注