Question

我是新手，所以我确定我只是遗漏了一些东西。我无法显示背景图片。我尝试了所有不同的路径，并尝试只复制网页背景的图像地址，看看是否可行。

这是HTML：

<!DOCTYPE html>
<html>
<head>
    <title>REDACTED</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href='https://fonts.googleapis.com/css?family=Lobster|Open+Sans' rel='stylesheet' type='text/css'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>

<header>
    <div class="logo">
        <h1>REDACTED</h1>
        <p>Aspiring Web Developer</p>
    </div>
    <nav>
        <ul>
            <a href="#"><li class="selected">About Me</li></a>
            <a href="#"><li>Projects</li></a>
            <a href="#"><li>Contact</li></a>
        </ul>
    </nav>
</header>

<main>
    <img src="img/julie.png">
    <h2>About Me</h2>
    <p>REDACTED</p>
</main>

</body>
</html>

这就是身体CSS：

body {
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    padding: 0px;
    background-image: url('../img/geometry.png');
}

Answer 1

在你的层次结构中，你试图返回一个目录，然后转到img / geometry.png，这就是问题，因为当你在html中链接css文件时，你不需要使用＆＃39; ../&# 39;，您可以直接访问img文件夹！

试试这个：

body {
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    padding: 0px;
    background-image: url('img/geometry.png');
}

不要忘记将geometry.png放在img文件夹中！

Answer 2

正如@MarcosPerezGude所说，请确保您的路径与您的目录结构相匹配（或者在这种情况下反之亦然）。根据您提供的内容，您的目录结构和文件应如下所示：

<authentication-manager>
        <authentication-provider>
            <jdbc-user-service data-source-ref="dataSource"
                users-by-username-query="SELECT username, password, CASE enabled WHEN 1 THEN 'true' ELSE 'false' END 'enabled' FROM users WHERE BINARY username=?"
                authorities-by-username-query="SELECT username, authority FROM users WHERE BINARY username=?"
                id="jdbcUserService" />
            <password-encoder ref="passwordEncoder" hash="bcrypt" />
        </authentication-provider>
    </authentication-manager>
<beans:bean id="passwordEncoder"
    class="org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder" />

正如其他人所指出的那样：

/index.html
/css
    /style.css
    /normalize.css
/img
    /geometry.png

需要使用上面给出的目录结构进入body { font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px; background-image: url('../img/geometry.png'); }或style.css。

无法获得背景图片以显示 - 而不是路径问题

2 个答案: