github页面缺少路径

时间:2019-02-23 03:55:17

标签: github-pages relative-path

在我的github存储库中,路径“ TriviaGame / assets / images /”中存在一个文件夹,但是在该存储库的io页面上,该文件的路径生成一个“ 404”。似乎github页面没有上传图像。 [“ TriviaGame / assets / images / backgroundimage.png”] [1]

TriviaGame / assets / images / backgroundImage.png https://dboothy.github.io/TriviaGame/assets/images/backgroundimage.png

无法加载资源:服务器的状态为404()

dboothy.github.io/:1 GET https://dboothy.github.io/TriviaGame/assets/images/backgroundimage.png 404

404 error on io

[1]:

.content-wrap {
	background: url("../images/backgroundimage.png") no-repeat center fixed;
	background-size: cover;
	min-height: 100vh;
}
<div class="content-wrap" align="center">
<div id="heading" class="hide">
		<h2>Time remaining: <span id="timer"></span></h2>
	</div>
	<div class= "container">
		<div id = "game-wrapper">
				<div id="main-content">
					<div class="content-container">
						<h1>Movie Trivia</h1>
						<div id="welcome">
							<p>try and answer as many question in the time allowed</p>
							<div id="results" class="hide"></div>
							<button id="startGame" class="textBox">Start</button>
						</div>
						<div id="gameWrap" class="hide">
							<div id="questionWrap"></div>
							<button id="finish" class="btn btn-warning">FINISH</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

https://i.stack.imgur.com/R7kG8.png

1 个答案:

答案 0 :(得分:0)

在上面的CSS中,我输入了: “ ../ images / backgroundimage.png”

当文件实际命名为“ ../images/backgroundImage.png”时