相对路径不适用于 css 中的图像

2024-04-01

我有以下文件结构:

C:/wamp/myproject/admin/webroot/images

我有一个位于 admin 文件夹内的 index.php 文件,它调用位于同一文件夹中的 header.inc.php 文件。 header.inc.php 有以下代码-

<td align="left" valign="top" class="header-bg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

index.php通过以下代码调用css文件(css.css):

<link href="<?php echo (WS_DIR_CSS); ?>/css.css" rel="stylesheet" type="text/css" />

css 位于以下位置:C:/wamp/myproject/admin/webroot/css

css 文件有一个类,其中包含以下代码:

.header-bg {
  background:url(../images/header_bg.jpg) left top repeat-x;
  height:77px;
}

图片header_bg.jpg未在浏览器中显示。帮助任何人吗?


图像是相对于 css 包含的

如果你的形象在这里……

/images

你的 css 就在这里...

/somefolder/css/style.css

那么规则就是

background-image:url( ../../images/header_bg.jpg );

你能使用 firebug 检查元素吗?是否有任何重写规则可能会重新路由请求?您有图像的读取权限吗?

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

相对路径不适用于 css 中的图像 的相关文章