Question

我有一个外部CSS样式表，但由于某种原因图像没有加载。以下是我链接到style.css的源代码。

<?
        session_start();
        if(isset($_POST['submit'])){
                if(!isset($_POST['rules'])){
                        $error = "Must read rules at spawn.";
                } else if(isset($_POST['grief'])){
                        $error = "We don't normally allow griefers. Your not allowed on our server unless you ask an Admin.";
                        $_SESSION['banned']=true;
                } else if(!isset($_POST['reg'])){
                        $error = "We prefer regular players.";
                } else if(empty($_POST['username'])){
                        $error = "The username field is empty?.";
                } else if($_POST['dumbtest'] != "6"){
                        $error = "Your too dumb to join this server.";
                } else {
                        include "comms.php";
                        addPlayerToExplorer($_POST['username']);
                        $error = "Welcome to SurviveEquestria, if everything went OK your now a Builder!";
                }
        }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>| Home</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

而对于style.css并没有什么特别之处，但它始于：

body {
background-image:url(images/bg.jpg);
}

#container {
margin-left:auto;
margin-right:auto;
width:1000px;
}

我的所有图像都位于图像文件夹中，所以我相信它指的是正确的图像。

Answer 1

记住图片网址是相对于css文件路径并更改路径背景图像：URL（ “图像/ bg.jpg”）

Answer 2

试试这个：

background: url(../images/bg.jpg)

Answer 3

你检查了你的路径，这是正确的还是检查了它的位置两个文件在同一个地方

Answer 4

由于你评论“一切都运行正常（在我的电脑上），但当我把它上传到我的主机时，它不再起作用”，问题显然是在上传的过程中（也许以错误模式传输图像）或服务器端设置。没有任何关于服务器端事物的相关信息，我们无法帮助您。

Answer 5

让我提供一种方法来调试此特定问题以及将来的其他CSS参考问题。打开页面，然后激活浏览器的开发人员工具。（Chrome中的CTRL + SHIFT + I）。

转到“元素”标签。导航DOM，直到看到CSS Entry。样式表的URL将是可单击的超链接。点击它。查看浏览器导航的位置。这应该可以告诉您修复的内容。也许你的文件夹结构太深了，也许你太浅了。无论如何，我用这种方式解决了99％的CSS引用问题。

CSS样式表无法正常工作

5 个答案: