php - 包含的 CSS 不加载图像和字体

Question

我已经创建了一个动态 CSS 加载器，它工作正常但它没有加载 CSS Images 和 Font-Faces!对这种情况有什么想法吗？

我的 CSS 加载器代码:

<?php
    $mainRoot = realpath($_SERVER["DOCUMENT_ROOT"]);
    ob_start("ob_gzhandler");
    // Set desierd header for Content-Type
    header("Content-type: text/css; charset: UTF-8");
    header("X-Content-Type-Options: nosniff");
    // Load Core Css
    include $mainRoot . '/css/site-style.css';
?>

然后我像下面的文件一样调用上面的脚本，我还通过 htaccess 重写规则将 css_loader.php 重命名为 css_loader.css 。

<link type="text/css" href="mysite/css_loader.css" rel="stylesheet">

Answer 1

问题可能是图像是使用其相对路径的引用。 即:

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

当您使用加载程序时 - 浏览器将使用新的 css 路径，即:mysite/css_loader.css 作为这些图像路径的基础。

如果你可以......将你的CSS中的图像路径更改为绝对链接

background-image: url('/assets/images/header.jpg');