【问题标题】:Unable to load css into my views in CodeIgniter无法将 css 加载到我在 CodeIgniter 中的视图中
【发布时间】:2013-01-11 18:17:22
【问题描述】:

我已将我的 css 包含在 codeigniter 的应用程序文件夹中 文件夹: 系统 应用 应用程序/css/style.css

如果我包含这样的 css 文件,我将无法加载我的视图文件 <link rel="stylesheet" href="<?php echo base_url();?>css/style.css" type="text/css" media="screen"/>

可能是什么原因?请帮我解决这个问题。

        <html>
        <head>
         <link rel="stylesheet" href="<?php echo base_url();?>css/style.css" type="text/css" media="screen"/>
        </head>
        <body>
            <table width="100%" border="1" >
                <td   align="left"><h1>hellooooooo</h1></td>
            </table>
        </body>
    </html>

【问题讨论】:

  • 当您查看 HTML 的源代码时,href 属性的值是什么?
  • 查看生成的 html 代码,你会看到 css 文件的路径错误
  • @David 我只得到&lt;html&gt;&lt;head&gt;
  • @vlcekmi3 生成的 html 代码仅显示 ` ` 。我在此之后它会跳过剩余的代码
  • 当您在浏览器中转到该页面并查看页面源代码时,您应该至少在&lt;head&gt;&lt;/head&gt; 标记之间看到&lt;link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /&gt;

标签: php css codeigniter


【解决方案1】:

base_url() 应该引用您的 URL,例如 yoursite.com/。所以它可能不指向代码点火器目录。尝试将您的 css 放在您的主目录中,例如 yoursite.com/css/style.css 我相信这也是 codeigniters 网站上的建议。

但是,如果您觉得最好将其留在原处,请改用 $_SERVER['DOCUMENT_ROOT'] .'/yourcodeigniterfolderlocation/application/css/style.css'。

【讨论】:

    【解决方案2】:

    您不应该将 css 保存在应用程序文件夹中。它应该在应用程序文件夹之外。

    如果您的项目名称是项目,则在项目中创建一个名为 css 的文件夹并将所有 css 保存在那里。要访问这些 CSS,您的路径将是 &lt;?php echo base_url().'css/filename.css' ?&gt;

    【讨论】:

      【解决方案3】:

      您的 CSS 文件必须位于可公开访问的文件夹中,这(希望)不是您的 applicationsystem 文件夹的情况。

      你的资产必须在你的 index.php 之外,像这样:

      - index.php
      - css/
          - style.css
      

      那么在你看来:

      <link rel="stylesheet" href="<?php echo base_url('css/style.css') ?>">
      

      【讨论】:

        【解决方案4】:

        将 Css 文件夹保留在根目录中,并在 php 页面中编写以下代码。解决了我的问题。

        &lt;link rel="stylesheet" href="../../css/style.css" type="text/css" media="all" /&gt;

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2015-05-28
          • 1970-01-01
          • 1970-01-01
          • 2015-05-05
          • 2014-04-08
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多