角项目css无法加载.png图片

时间:2018-08-25 19:05:58

标签: angular image

.mission {
	background: url("../../../assets/images/business-3152586_1920.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.mission h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	line-height: 80px;
    color: #FFF;
    text-align: center;
	font-weight: 100;
}

.mission h3 span {
	font-weight: 700;
}

.mission h4 {
	margin-top: 30px;
	font-size: 25px;
    color: #CCC;
    text-align: center;
}
<div class="mission  agileits" id="mission">

		<h3>To deliver
			<span>Quality Output</span> -</h3>
		<h3>Unique, Affordable &amp; Professional</h3>
		<div class="lines  agileits">
			<div class="line1 w3l"></div>
			<div class="line2 aits">
				<h4>Our Mission...</h4>
			</div>
			<div class="line3 aits w3l"></div>
			<div class="clearfix"></div>
		</div>

	</div>

我正在做一个关于角度的项目。我正在使用视差滚动效果。当我使用具有相同路径的.jpg图像时,它将加载图像。但是当我从同一路径使用png图像时会显示错误 (使用值代替Error实例)CssSyntaxError:

0 个答案:

没有答案