Question

好的，我无法评论任何其他问题，这就是我发布新问题的原因。

我已经尝试了this回答this中建议的所有解决方案。

＆＃13;

#head {
    text-align: center;
    font-family: roboto;
}

body, html {
    height: 100%;
}

.parallax {

    background-image: url('.../pics/parallax.jpg');

    height: 100%; 

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

＆＃13;

  <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/text.css">
    <script src="scripts/jquery-3.1.0.min.js"></script>
    <script src="scripts/jquery.animate-color.js"></script>
    <script src="scripts/custom_scripts.js"></script>
    <title>Yadullah.me</title>
    </head>
    <body>
    <h1 id="head"> Hi there!</h1>
    
    </body>
    </html>

＆＃13;

非常简单吧？但由于某种原因，背景图像只是拒绝出现我已经尝试将CSS，HTML和图像放在同一个文件夹中但没有成功。试过不同的子目录，没有成功。

我检查了文件名，扩展名和所有内容。尝试没有引号，什么不是。甚至尝试了不同的图像。尝试删除所有其他CSS文件，没有任何作用。

Answer 1

你的风格属性中有太多停留点。你的CSS应该是这样的：

.parallax {
    background-image: url('../pics/parallax.jpg');
    ...
}

Answer 2

#head {
    text-align: center;
    font-family: roboto;
}

body, html {
    height: 100%;
}

.parallax {

    background-image: url('.../pics/parallax.jpg'); // In Here try put absolute URL or change .../ in ../

    height: 100%; 
width:100%; //and try add width
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

Answer 3

You can try add base tag for example like this 

<!doctype html>
    <html>
    <head>
    <base href="http://YourSite.com/"> 
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/text.css">
    <script src="scripts/jquery-3.1.0.min.js"></script>
    <script src="scripts/jquery.animate-color.js"></script>
    <script src="scripts/custom_scripts.js"></script>
    <title>Yadullah.me</title>
    </head>
    <body>
    <h1 id="head"> Hi there!</h1>

    </body>
    </html>

图像背景未加载CSS

3 个答案: