Bootstrap頁面在Safari上無法正確顯示

我正在使用Bootstrap和backstretch（http://srobbin.com/jquery-plugins/backstretch/）將一個簡單的靜態網站放在一起。當在不同的瀏覽器上測試它時，我發現它在Safari上無法正確加載。我知道我的一些代碼不是很乾淨，因爲這是一項正在進行的工作，但內容在其他瀏覽器上完美顯示，所以我很難過。Bootstrap頁面在Safari上無法正確顯示

通常，這會渲染一個div，它是頁面的整個寬度，以及視口高度的95％。然後，這個div由一個使用backstretch的圖像填充。在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>

來源

2014-07-03 Sean

請在此處包含代碼的相關部分，因爲問題取決於他們，並且當鏈接的網站發生更改時，問題對未來的讀者變得不那麼有用。 –

我在上面添加了相關的代碼片段。謝謝您的幫助。 – Sean

您也可能想要解釋或顯示Safari所做的與其他瀏覽器不同的地方。所提供的信息需要在我看來解釋更多的問題。 – Hoshts

感謝任何人看了一下，並試圖找到答案。結果我使用的safari是5.1.7，這是嚴重的廢棄。因此，渲染的差異是完全可以理解的。

來源

2014-07-05 14:47:50 Sean

Bootstrap頁面在Safari上無法正確顯示

回答

相關問題