Question

我刚开始在我的电脑上本地建立一个网站。 HTML代码正在从我创建的.css文件中挑选样式，但是，它不会选择background-image。请参阅下面的代码：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="C:\Users\myUser\Documents\website\style.css"/>
</head>
<body>
<div class="jumbotron">
    <div class="container">
           <h1>Enter</h1>
        </div>
    </div>

</body>
</html>

这是我的CSS代码：

body {
    background: url(C:\Users\gonluis\Documents\website\Images\mainbckgrnd.jpg);
}


.jumbotron {

    text-align: center;
    margin-top: 400px;
}

text-align和margin可以正常工作，background-image或background，无论我使用哪一个都不行。当我在Chrome浏览器中拉页面时，它不会选择它或显示它。正如您所看到的，我指向图像所在的正确位置，并且无法在此处考虑任何可能的错误。请帮忙。

Answer 1

将其更改为此

background-image: url("C:\Users\gonluis\Documents\website\Images\mainbckgrnd.jpg");

另外，请确保这是图像的实际位置。

或者更好的是，使用你的相对路径。

/website
    index.html
    style.css
    /Images
        mainbckgrnd.jpg

将代码更改为此

background-image: url("Images\mainbckgrnd.jpg");

我还注意到您要将此图片添加到body标记中。确保body实际上是可见的，这样就可以看到图像，

html, body {
    width:100%;
    height:100%;
}

HTML不从本地CSS文件中挑选背景

1 个答案: