向URL添加尾部斜杠时,CSS消失

时间:2011-10-30 16:17:17

标签: php html css

问题在于,当我在地址栏url localhost/register.php/处添加尾部斜杠时,CSS消失(不再应用)。 CSS位于单独目录中的单独文件中。结构如下:

Structure

使用header.html<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />中调用CSS header.html中包含index.php include 'includes/header.html';

在Windows 7下运行apache。

1 个答案:

答案 0 :(得分:7)

添加尾部斜杠后,浏览器会将register.php视为另一个目录,而不是文件。指定相对URL时,将相对于子目录register.php/搜索外部资源(因为斜杠)。

示例

  • 在添加斜线之前:
    css/style.css&gt; http://localhost/css/style.css
  • 添加斜线后:
    css/style.css&gt; http://localhost/register.php/css/style.css

<强>修复
要解决此问题,请使用绝对URL。以下任一项:

  • <link href="/css/style.css" ... />
  • <link href="http://localhost/css/style.css" ... />
  • <base href="/register.php" />(此标记必须在<head>
  • 中指定