首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在xampp开发环境中,如何在CodeIgniter中加载css?

在xampp开发环境中,如何在CodeIgniter中加载css?
EN

Stack Overflow用户
提问于 2011-12-18 06:14:16
回答 2查看 1.3K关注 0票数 0

我正在使用xampp在我的windows机器上设置一个本地CodeIgniter开发环境。我在处理css文件时遇到了一点麻烦。我猜我需要在某个地方配置我的应用程序的路径。

开发url是这样的(这被路由到主页):

代码语言:javascript
复制
localhost/my_app

我像这样链接我的样式表

代码语言:javascript
复制
<link rel="stylesheet" href="/css/style.css" type="text/css" />

在生产服务器上,这可以很好地工作,但是css不会在本地加载,因为它似乎链接到localhost/css/style.css而不是localhost/my_app/css/style.css

当我更改指向此链接的链接时,它会起作用:

代码语言:javascript
复制
<link rel="stylesheet" href="/my_app/css/style.css" type="text/css" />

这个链接可以工作,但仍然不能加载我正在使用的background-image:url('/images/image.png')

我不想用my_app/directory_i_want_to_access编写我所有的路径,因为这样每当我推送到生产环境时,我就必须返回并更改它们。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-12-18 06:25:07

尝试:

代码语言:javascript
复制
<link rel="stylesheet" href="<?php echo base_url(); ?>/css/style.css" type="text/css" />

对于CSS中的图像链接,假设这是您的文件夹结构

代码语言:javascript
复制
/ Assets
| - /images
| - | - image.png
| - /css
| - | - / style.css

只需链接到与CSS文件相关的图像,因此在本例中,它将是../images/image.png

票数 2
EN

Stack Overflow用户

发布于 2011-12-18 06:24:30

代码语言:javascript
复制
<base href="<?php echo base_url(); ?>">

添加您的html文件,您的链接现在应该可以工作了。

由phil sturgeon提供

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8548286

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档