【问题标题】:Unable to link CSS File in a sample MVC无法在示例 MVC 中链接 CSS 文件
【发布时间】:2017-01-01 00:00:31
【问题描述】:

我正在尝试实现一个示例 MVC(PHP),其中 CSS 文件似乎不起作用。我怀疑这可能是我的参考风格。 下面的代码是来自视图的标题

Views-> header.php

<!doctype html>
<html>
<head>
        <link rel="stylesheet" type="text/css" src="public/css/default.css">

</head>
<body >
    <div id="header">Header</div>
    <div id="content">
    <p>dsfds</p>

css 文件 Public/CSS/Default.css

body {
    background: silver;
}

为了清晰的图片,这是我的文件夹结构

【问题讨论】:

  • 试试../public/css/default.css
  • 有一个 htaccess 可能有重写规则,因此 url 可能与您的结构不同。我更喜欢你使用相对的绝对 url。这对你有用。
  • @aman rawat 事实上,最终导致问题的是 .htacess。显然,文件被检测到问题“资源解释为样式表,但使用 MIME 类型文本/html 传输:”必须重写修复问题的 htaccess。
  • 在下面的链接stackoverflow.com/questions/22631158/…中找到了这个问题的解决方案pastebin.com/w8UnqFs8

标签: php css


【解决方案1】:

您的代码从 header.php 开始,现在正在寻找 /public/css/default.css。

在这种情况下,您需要将文件放在 views/public/css/default.css 中

尝试将您的代码更改为

<!doctype html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="../public/css/default.css">

</head>
<body >
    <div id="header">Header</div>
    <div id="content">
    <p>dsfds</p>

通过在文件位置之前添加..,它告诉它需要后退一步(将您放在根目录中)而不是查找 /public/css/default.css

编辑:确保将 src = " " 切换为 href = " "。

【讨论】:

  • 我试过了。但仍然存在同样的问题
  • @Arun3x3 包括从 src = "" 到 href = "" 的切换?
  • 我什至没有注意到 src 而不是 href。这也可能是问题的一部分。试试这个答案
  • 我不得不重写 .htacess,因为我看到这是导致问题的原因。
  • @Arun3x3 太好了!很高兴看到你想通了,请用答案更新你的问题,以帮助下一个偶然发现这个问题的人!
【解决方案2】:

你试过了吗:

<!doctype html>
<html>
<head>
        <link rel="stylesheet" type="text/css"   href="../public/css/default.css">
</head>
...

【讨论】:

  • 我试过了。但仍然存在同样的问题
【解决方案3】:

路径应该来自索引文件而不是标题。 header.php 就像将文本复制并粘贴到 index.php 中

使用

<link rel="stylesheet" type="text/css" href="../../public/css/default.css">

<link rel="stylesheet" type="text/css" href="public/css/default.css">

取决于你所在的 index.php 文件,views 文件夹中的文件还是 sourceFiles 文件夹中的文件。

希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-01
    • 2014-12-31
    • 2020-11-30
    • 2014-09-06
    • 1970-01-01
    • 2023-01-26
    相关资源
    最近更新 更多