【问题标题】:Codeigniter css disappearanceCodeigniter css消失
【发布时间】:2017-08-13 23:31:15
【问题描述】:

我在 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,topbar 视图包含显示 topbar 的 html,home_page 视图构建基本主页。

当我访问的 url 是 http://localhost/codeigniter/index.php 时,页面是这样的。

当我访问的 url 是 http://localhost/codeigniter/index.php/home/ 时,页面是这样的。

为什么当 url 改变时 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

【问题讨论】:

    标签: php css codeigniter


    【解决方案1】:

    对 css 文件使用完整链接。

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

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

    【讨论】:

    • 谢谢!但是,当我尝试这样做时,两个网址的页面都变成了空白。有什么理由会这样吗?我把它改成&lt;link rel="stylesheet" type="text/css" href="&lt;?=base_url();?&gt;css/foundation.min.css"&gt;我检查了页面源,它​​说这个函数是未定义的。它会在哪里定义?
    • 我认为在 config/autoload.php 中你必须加载 'url' helper $autoload['helper'] = array('url'); // 第 67 行。替代 - 你可以用 `domain.com' 更改 &lt;?=base_url();?&gt;
    • this 是我的自动加载文件,this 是我包含在the controller 中的视图文件。我不确定它在哪里崩溃或为什么它崩溃。我也试过&lt;?=base_url();?&gt;
    • @Swarage,查看我的代码。你现在使用$this-&gt;base_url(),但我告诉你只使用'`base_url()'
    • 即便如此,css 也不会显示。整个路径最终为/css/foundation.min.css,但没有显示 css。如果我所在的路径是http://localhost/codeigniter/index.php,那么css的url应该是什么。
    【解决方案2】:

    只需在你的文件中使用类似的东西

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

    您必须在controller 中加载url helper class,您将视图部分称为类似

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

    url helper的链接

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-12-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多