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