我刚刚在Codeigniter中构建了一个坐标,但是当我点击一个菜单项时,样式表会中断并显示页面上突破的所有内容。
http://marciabrownproductions.com/
我将它上传到测试服务器并且所有链接都完美无缺。但是当我上传完成的网站或我的客户端服务器时,css问题就开始了。我的客户端服务器有问题吗?或者我对网站的编码方式有问题吗?为什么它可以在一台服务器上运行,而不是在另一台服务器上运行。
谢谢!
答案 0 :(得分:0)
首先,我建议在引用资产时使用绝对路径而不是相对路径。目前,他们正被选中index.php
。
因此,假设您的链接为http://domain.tld/index.php/home/actors
,您应该从实际网址调用您的资源 - 例如,http://domain.tld/index.php/_/css/style.css
无效。但是,http://domain.tld/_/css/style.css
会起作用。 (这只是一个示例网址。)
我还建议您从链接中删除index.php
,只需使用htaccess RewriteEngine
,然后从应用的配置文件中删除index.php
。
看一看如何在浏览器中生成当前源(右键单击,查看源代码)以查看我的意思。
根据您的评论,这可能是htaccess
问题。检查您的托管服务提供商是否支持它。
与此同时,将index.php
放回应用程序的主配置文件中。但是,请保留CSS资产链接。确保所有资产链接都如下所示:
<link href="http://marciabrownproductions.com/_/css/styles.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='http://marciabrownproductions.com/_/js/jquery.validate.js'></script>
<script type='text/javascript' src='http://marciabrownproductions.com/_/js/effects.js'></script>
<link href="http://marciabrownproductions.com/_/css/bjqs.css" rel="stylesheet" type="text/css" media="screen" />
<script src="http://marciabrownproductions.com/_/js/bjqs-1.3.js"></script>
您的图片已损坏,因为其链接也包含index.php/home
。你需要确保取出它。 (无论如何,你用什么来生成你的链接?)