Question

我的网站包含两个页面，加上我自己的style.css，完全适用于我的本地。但是当我将它FTP到我的托管服务的服务器上时，index.html无法从我的style.css中读取。我检查过这条路。我检查了声明的顺序。我在本地维护了相同的文件结构和相同的CSS声明顺序（全局到本地），并且工作正常。有没有人有建议？

以下是头部的外观：

我必须为我在文档中使用的脚本声明一种CSS样式。由于它不会读我的风格。我做了内部声明。

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!--Google Font: Source Code Pro-->
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">

<!-- Font Awesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Fancybox CSS -->
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.min.css">

<!-- My CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">

<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>


<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- Fancybox jQuery -->
<script src="fancybox/jquery.fancybox.min.js"></script>



<style type="text/css">

.menuActive {

    background-color: #ffffff;

}

</style>
</head>

我在服务器上的文件结构的相关部分如下（尝试包括屏幕截图，但显然我还不能在Stackoverflow上执行此操作）：

文件夹＆amp;文件： CSS 的fancybox 档 IMG wp_admin WP-内容 WP-包括 .ftpquota 的.htaccess 的default.htm 的index.html

img文件夹与css文件夹位于同一级别，图像正确加载。

Answer 1

这可能是因为您在服务器上使用https:// 将您的样式链接更改为<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>并删除http部分

FTP到服务器后，index.html无法从CSS读取

1 个答案: