我在使用Firefox website获取后台网址时遇到问题,而在Safari和Chrome中工作正常。
我已经查看过这个主题的几个堆栈帖子,post1和post2,这些帖子中没有任何举措到目前为止都有效。
我的HTML
<div class="jumbotron">
<div style="" class="animated fadeInDown">
<div class="container">
<div class="col-md-12">
<h1>Curing H-pylori <br class="visible-lg "/>Parasite and Gastrointestinal Infections</h1>
<hr style="width:25%;text-align:left;margin:30px 0; border:2.5px solid #fff;"/>
</div>
<div class="col-md-8">
<h2 class="subtitle">Take the step to recovery.</h2>
</div>
</div>
</div>
</div>
我的css
.jumbotron {
width: 100%;
min-height: 450px;
background: url('https://s122939.gridserver.com/clients/conversant/images/driving.jpg') center center;
background-size: cover;
opacity: 1;
display: table;
position: relative;
border-radius: 0;
color: white;
text-transform: uppercase;
margin: 0;
polygon(0 0%, 100% 0, 100% 100%, 0% 85%);
clip-path: url(#poly);
overflow: hidden;
}
在此之前,我还尝试了许多其他方法来让图像呈现而没有成功。
display: block;
background: fixed;
jumbotron::before
content: url
任何转向或帮助都将不胜感激。