Question

我正在用html创建一个网站，我遇到了一个问题。

我有一个css文件夹，我希望能够从每个目录

访问它

根：

/css  
   - /skel-noscript.css"    
   - /skel-noscript.css"

/js
   - init.js
   - skel.min.js
   - skel-panel.min.js
   - html5shiv.js

/Downloads
   -/Download.html

/Downloads.html

/index.html

...

现在我在尝试访问Downloads/Download.html

中的样式表时遇到了麻烦

我的<head>代码：

<head>
    <title>TITLE</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <!--[if lte IE 8]><script src="../js/html5shiv.js"></script><![endif]-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="../js/skel.min.js"></script>
    <script src="../js/skel-panels.min.js"></script>
    <script src="../js/init.js"></script>
    <noscript>
        <link rel="stylesheet" href="../css/skel-noscript.css" />
        <link rel="stylesheet" href="../css/style.css" />
        <link rel="stylesheet" href="../css/style-desktop.css" />
    </noscript>
</head>

当我使用此代码时，样式表不起作用。当我删除样式表链接周围的<noscript>时，它们可以正常工作，但我的网站完全搞砸了。 enter image description here

发生了什么事？当我在根目录中使用此代码时，它可以正常工作

Answer 1

在这种情况下，没有从标签添加css文件，适用于不支持js或js关闭的浏览器。转到＆＃34; init.js＆＃34;在你的js文件夹中的文件（你在标签之前附加的文件）并检查它... css正在从那里更改css的更改目录路径。问候

Answer 2

你在测试时关闭了javascript吗？ <noscript>仅在访问者未启用脚本时激活。如果你想能够链接css文件总是你必须摆脱标签。

Answer 3

我建议你创建一个类似header.phtml的文件，并调用渲染模板所需的所有文件。

<head>
    <title>TITLE</title>
    <noscript>
        <link href"<?= $this->getCssPath(); ?>" rel="stylesheet" type=text/css />
    </noscript>
</head>

并创建一个类似

的类的文件

<?php class MyTemplate {

public function getCssPath() {

return 'css/skel-noscript.css';
       }

}

带有noscript的其他目录中的样式表

3 个答案: