图像无法在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;
}

或者您只需将min-height: 600px从.bibliografia .inner-row移至.bibliografia .inner-row .bg_bilbiografia

即可

或者您绝对可以将.bg_bibliografia置于其父母

中

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