Question

我开始使用 Bootstrap 3 （最新版本）构建网页，由于某种原因我似乎无法添加背景图片。

编码正确，所有文件都在适当的文件夹中等。

最后我决定用精确的编码创建另一个网页，唯一的区别是我的css样式表不在css文件夹中。我刷新并出现背景图像。当我将css文件移回css文件夹时，图像消失了。

发生了什么事？文件的名称是正确的，我添加了正确的路径，我添加了一些除了背景图像之外的其他样式，无论css文件是否在文件夹中，它们似乎都能正常工作。

HTML WHERE CSS文件在CSS文件夹中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Home</title>

    <!--Bootstrap css -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

    <!--Custom css -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
</html>

HTML WHERE CSS文件不在CSS文件夹中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Home</title>

    <!--Bootstrap css -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

    <!--Custom css -->
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
</html>

CSS：

body {
    background: url(background.jpg) no-repeat center center;
}
.container {
    color: black;
    font-weight: bold;
    font-size: 2em;
}

Root FOlder

Answer 1

如果将css文件移动到css文件夹，则应更改css文件中的图像URL。如果您的css文件位于css文件夹中，而image位于根目录中，那么图像URL应该是背景：网址（../ background.jpg）意味着上升一个文件夹并搜索图像。

我的CSS无法使用boostrap 3

1 个答案: