CodeIgniter - 链接外部css无法正常工作

时间:2013-06-29 21:46:15

标签: css codeigniter

这是我的文件的层次结构

Codeigniter/
   applications/
       assets/
           styles.css
       ...
       views/
           welcome.php

   system/
       ...
我的style.css下的

就是这段代码

p {
    color: #3333ff;
    background-color: #66ff66;
}

,在welcome.php下是这个。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>

    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/styles.css" />
</head>
<body>
     <p>test</p>
</body>
</html>

我将base_url设置为

$config['base_url'] = 'http://localhost/Codeigniter/';

我无法理解为什么css文件不起作用

我也尝试将链接更改为

<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>application/assets/styles.css" />

但也没有工作

3 个答案:

答案 0 :(得分:5)

我有一个类似的本地设置(XAMPP),我有以下文件层次结构:

public_html_local/
   applications/

   assets/
      css/
          styles.css
          ...
      js/
          jquery.js
          ...
      images/
          banner.jpg
          ...

   system/
       ...

在我的配置文件中:

    $config['base_url'] = "http://localhost/public_html_local/"

在我的页面中,我按如下方式访问我的CSS文件:

<base href="<?php echo base_url(); ?>">
<link href="assets/css/reset.css" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet">

对我来说,我发现将CSS文件保存在应用程序文件夹之外更容易。

在您的情况下,您可能希望CSS文件的路径为:

<link rel="stylesheet" type="text/css" 
      href="<?php echo base_url(); ?>applications/assets/styles.css" />

但是,如果您尝试使用该文件从本地服务器访问CSS文件 URI,除非您更改.htaccess文件,否则它可能无效。

答案 1 :(得分:3)

1 - 如果您没有使用.htaccess并且没有删除index.php文件而不是将index.php放入css文件的路径中。

2 - 如果您使用了.htaccess并删除了index.php而不是将您的css文件夹名称放入您的 .htaccess文件那样它应该是可访问的。我的链接工作正常 例如:

<link rel="stylesheet" href="<?=base_url()?>bootstrap/css/bootstrap.min.css" />

答案 2 :(得分:0)

你必须在你的constant.php中定义url 在public_html_local / application / config / constants.php

中粘贴以下代码
define('URL','http://YOUR-HOST/APPLICATION-FOLDER/');

define('CSS',URL.'assets/css/');//make a new folder named as assets if you want css sources

现在只需使用以下来使用样式表。

<link rel="stylesheet" href="<?php echo(CSS.'simplereflect.css'); ?>">