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

标签 css image hyperlink path subdirectory

我想在我的 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 的服务器,而无需更改所有路径命令。我一直在寻找答案,但到目前为止我还没有找到解决方案。

最佳答案

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

<?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" />

关于css - 具有子目录的网站中的相对路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22774510/

相关文章:

Jquery Accordion 标题图像

image - 如何使用MATLAB中的预定义模式改进边缘检测?

java - 如何在java中的一个正则表达式中匹配这样的字符串

android textview 点击一个链接

javascript - 当 span 中的文本调整大小以填充整个 div 时,垂直对齐 div 内的 span

html - 背景图像在缩放时覆盖标题

html - Megamenu 下拉菜单在 IE8 或更低版本的 IE 中不起作用

c++ - 从整数数组在 gtkmm 中显示图像

css - 从位于 JSON 中的 url 获取图像

css - 当 div 单独和嵌套时更改 div 悬停上的链接颜色