css - 具有子目录的网站中的相对路径

Question

我想在我的 Mac 的 apache 服务器上开发元素站点，然后在准备启动时上传到 ISP 服务器。当网站有子目录时，我遇到了麻烦。如果我的链接语句使用相对路径:

<link rel="stylesheet" media="all" href="css/site.css" type="text/css"/>

它不适用于需要的子目录:href="../css/site.css"

如果我使用绝对路径(在 ISP 的服务器上工作):

<link rel="stylesheet" media="all" href="/css/site.css" type="text/css"/>

它不适用于我的 apache 服务器上的子目录。

图像和 javascript 链接也是同样的问题。必须有一个解决方案，允许开发人员构建站点的“一个”版本并将其移动到 ISP 的服务器，而无需更改所有路径命令。我一直在寻找答案，但到目前为止我还没有找到解决方案。

Answer 1

这是移植网站中的常见问题。我不知道这是否是最佳答案，但我使用服务器端脚本获取相对根并将其用作绝对路径。

<?php
    $rootaccess = $_SERVER['SUBDOMAIN_DOCUMENT_ROOT'];
    include ($rootaccess.'/_sys/alpha.php');
?>

这是 PHP header 的包含，但它可能对您有用:

<?php
    $rootaccess = $_SERVER['SUBDOMAIN_DOCUMENT_ROOT'];
?>
    <link rel="stylesheet" type="text/css" href="<?php 
         echo $rootaccess;
         ?>/dir1/file.ext" />