圖像不顯示在Safari瀏覽器

Question

我有一個HTML網站中的圖像，在Firefox，Chrome或IE正常工作，但當我嘗試用Safari瀏覽器時，我什麼也沒有顯示只是一個空白區域。圖片在這個鏈接http://astrovision.us/bibliografia.php

我知道在Safari中有一個錯誤，但我不知道如何解決它。

我試圖改變圖像格式，但它不能解決問題。

Answer 1

我不確定safari爲什麼不在背景圖片的元素上考慮height: 100%。似乎是因爲你在父母上使用min-height，而不是height。所以，你可以改變min-height到height對包裝與背景圖像元素的父...

.bibliografia .inner-row { 
    min-height: 600px; 
} 

到

.bibliografia .inner-row { 
    height: 600px; 
} 

---

或者你可以簡單地從.bibliografia .inner-row移動min-height: 600px到.bibliografia .inner-row .bg_bilbiografia

---

或者您也可以進行絕對定位.bg_bibliografia在它的父

.bibliografia .inner-row { 
    position: relative; 
} 
.bibliografia .inner-row .bg_bilbiografia { 
    position: absolute; 
    top: 0; left: 0; 
}