我已经多次遇到了这个问题,但我还没有找到任何明确的解决方案,所以我希望你们能提供帮助。我有简单的index.php:
<?php
require('libraries/db.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="libraries/style.css">
<meta charset="UTF-8">
<title>Phantom 0.1 - Log In</title>
</head>
<body>
<div class="container">
</div>
</body>
</html>
and style.css in Libries/styles.css:
.container {
background: url("/libraries/images/background.png") no-repeat fixed center;
}
当我尝试更改时,CSS起作用,例如身体元素的背景颜色,但是每当我尝试从.Container(或几乎任何其他类/ID元素(更改任何内容时,更改将不会显示。
我已经在多个浏览器上尝试过它,清除了缓存和CSS验证器(以防万一(,但没有运气。
似乎问题可能没有设置图片的宽度/高度。您还应该在库中的PHP文档中的末尾添加一个?>。
首先查看//有时需要使用PHP的另一个文件可能导致该文件的另一个文件。当您在本地或在线运行网站时,请检查元素,并检查您的CSS文档行是否在头上。https://gyazo.com/fe8f2282e6686d432f75ff75ff994e65c0f7还要在检查时尝试进入来源,并检查是否存在所有行,如果您使用Chrome,可能会制作日志。做CTRL F5以再次加载所有内容。