画像がSafariブラウザに表示されない

Question

Firefox、Chrome、またはIEで正常に動作する画像がHTML Webサイトにありますが、Safariで試してみると何も表示されません。画像はこのリンクにありますhttp://astrovision.us/bibliografia.php

私はSafariにバグがありますが、それを修正する方法はわかりません。

イメージ形式を変更しようとしましたが、問題は解決しません。

Answer 1

サファリが背景画像を持つ要素のheight: 100%を尊重していない理由はわかりません。親にmin-heightを使用していて、heightを使用していないためです。だから、

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

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

---

に...背景画像を持つ要素をラップし、親の heightに min-heightを変更することもできますし、単に .bibliografia .inner-row .bg_bilbiografia

に .bibliografia .inner-rowから min-height: 600pxを移動することができます

---

またはあなたは絶対にそれで位置.bg_bibliografiaは、それはあなたが単にあなたのSafariのキャッシュをクリアしていないこと** **可能性の親

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