Question

我正在使用Bootstrap和backstretch（http://srobbin.com/jquery-plugins/backstretch/）组建一个简单的静态网站。在不同的浏览器上测试时，我发现它无法在Safari上正确加载。我知道我的一些代码不是很干净，因为这是一项正在进行的工作，但内容在其他浏览器上完美显示，所以我很难过。

通常，这会渲染一个div，它是页面的整个宽度，也是视口高度的95％。然后，使用后伸的图像填充该div。在safari的情况下，图像根本不显示，文本与下一组html重叠。

 <div class="row" style=" height:95vh; position: relative;" id="frontpage" > 

       <div class="col-lg-offset-2 col-lg-8 col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10 text-center " style="position: absolute; top: 67%;">
           <h1  style="color:white; " id="title">
            Just Some Title Text </h1>
           <h4 style=" color:#D5D5D5;   float:none;  " id="tagline"> 
           This is my secondary text. </h4>

     </div>
   </div>
<script> $("#frontpage").backstretch("img/FP2D.jpg");</script>

Answer 1

感谢任何看过并试图找到答案的人。原来我使用的Safari是5.1.7，这是严重弃用的。因此，渲染的差异是完全可以理解的。

Bootstrap页面在Safari上无法正确呈现

1 个答案: