图像不显示在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; 
}