Codeigniter css消失

Question

我在codeigniter中有一个名为Home的控制器，代码如下：

class Home extends CI_Controller {  
    public function index() {
         $this->load->view('foundation_css');
         $this->load->view('topbar');
         $this->load->view('home_page');
    }
}  

foundation_css视图包含链接的基础css，顶部视图包含显示顶部栏的html，home_page视图构建基本主页。

这是我访问的网址为http://localhost/codeigniter/index.php时页面的显示方式。

这是我访问的网址为http://localhost/codeigniter/index.php/home/时页面的显示方式。

当网址更改时，为什么CSS会消失？我访问css文件的URL是否会更改？如果是这样，我将如何纠正这种情况？有关详细信息，我使用的网址是<link rel="stylesheet" type="text/css" href="css/foundation.min.css">。文件树看起来像这样：

/
    css/
        -foundation.min.css
    application/
        controllers/
            home.php
        views/
            foundation_css.php
            topbar.php
            home_page.php

Answer 1

使用css文件的完整链接。

<link rel="stylesheet" type="text/css" href="<?=base_url();?>path_to_css_folder/css/foundation.min.css">

主要原因是因为当你将url更改为/ home /它就像服务器的子目录一样，他找不到你的css文件夹。

Answer 2

只需在你的文件中使用这样的东西

<link rel="stylesheet" type="text/css" href="<?php echo $this->base_url();?>css/foundation.min.css">

您必须在url helper class中加载controller，您可以在其中调用视图部分

$this->load->helper('url');
$this->load->view('foundation_css');

url helper

的链接