Question

所以我真的只是从我的网站的另一个目录css和所有内容中复制并粘贴了这些代码，并且没有显示BG图像。它只显示为白色。我确保在新目录中重新创建images文件夹并重新上传背景，但背景并没有显示。这是我的CSS（带有bg图像）

html,body {
    background: url(images/bg_body.png) ;
    font-family:Capriola;
        height:100%;
        margin:0;
        padding:0;
}

这是我的HTML：

<html>
<style>
html,body {
    background: url(images/bg_body.png) ;
    font-family:Capriola;
        height:100%;
        margin:0;
        padding:0;
}


</style>
<head>
<LINK REL=StyleSheet HREF="images/styles.css" TYPE="text/css" MEDIA=screen>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
        <title>SeaJay Source</title>


</head>
<body>
<body>
<center><br><br><br><br><br><br><br><br><br><br>
<img src="assets/logo.png" />
<div id="posting" class="posting">
<div class="title" id="title" color="white">Login</div>
<div id="texts" class="texts">
Welcome to SeaJay Source!<br>
<form method="post" action="<?=$_SERVER['PHP_SELF']?>" >
Username: <input class="input" type="text" name="username" placeholder="Username" /><br>
Password: <input class="input" type="password" name="password" placeholder="Password" /><br>
<input class="button" type="submit" value="Login" /> <br>
</form>

</div>
</center>
</body>
</html>

正如您所看到的，我也尝试在html文件中包含样式，但这不起作用。

Answer 1

来自其他目录

这几乎可以肯定是你的问题。

始终指定相对于域根目录的URL。它应该看起来像url('/path/to/image.png')

CSS中的URL可能会令人困惑，因为有些东西使用HTML文件的位置作为基础，而其他人使用CSS文件的位置。只需更轻松地指定相对于固定基础的URL：根。

HTML BG图像未显示

1 个答案: