css - 图片路径问题

Question

我有一个内置在 CodeIgniter 中的项目。在我的本地主机中，网站工作正常，但在远程服务器中，无法从 CSS 和 JS 中包含图像。

该站点是子域中的访客。服务器文件系统层次结构是：

--/
---apps (subdomain folder for my app)
----application
----[other CI forlders]
----css
----js
----img
--[other web folders (no CI)]
--index.html

在 CSS 文件中，我以这种方式定义图像路径：“../img/” 例如：

#maincontainer {background-image: url('../img/main_bg.gif');}

但是，在 Chrome 和 FF 中，加载资源时显示错误：

加载资源失败：服务器响应状态为 404（未找到）http://apps.manantiales.edu.ar/img/main_bg.gif

有任何想法吗？

Answer 1

您在子域上，因此，正确的路径是：

http://manantiales.edu.ar/apps/img/main_bg.gif

1. 您可以使用 htaccess 文件中的规则来使子域路径正常工作或

2. 只需使用 diEcho 建议的绝对路径即可。您可以将 php 代码嵌入到 css 文件中，如下所示：

   maincontainer {背景图像：url（'<？php echo site_url（'img/main_bg.gif'）；？>'）；}

（我在 < ?php 处放了一个额外的空格，因为不确定如何格式化它以在此处正确显示）

Answer 2

你可以简单地这样做

--/
---apps (subdomain folder for my app)
----application
----[other CI forlders]
--[other web folders (no CI)]
--index.html
--css
--js
--img

#maincontainer {background-image: url('../img/main_bg.gif');}

并在 html 文件中；

<?= base_url();?>css/css.css