Html 图像不';在Safari浏览器中不显示
我在一个html网站上有一个图像,在Firefox、Chrome或IE中正常工作,但当我尝试safari时,我什么也看不到,只是一个空白。图片在这个链接中 我知道Safari中有一个bug,但我不知道如何修复它Html 图像不';在Safari浏览器中不显示,html,css,image,safari,Html,Css,Image,Safari,我在一个html网站上有一个图像,在Firefox、Chrome或IE中正常工作,但当我尝试safari时,我什么也看不到,只是一个空白。图片在这个链接中 我知道Safari中有一个bug,但我不知道如何修复它 我试图更改图像格式,但没有解决问题。我不确定safari为什么不考虑背景图像元素的高度:100%。似乎是因为您在父级上使用的是min height,而不是height。因此,您可以在用背景图像包裹元素的父级上将min height更改为height .bibliografia .inne
我试图更改图像格式,但没有解决问题。我不确定safari为什么不考虑背景图像元素的高度:100%。似乎是因为您在父级上使用的是
min height
,而不是height
。因此,您可以在用背景图像包裹元素的父级上将min height
更改为height
.bibliografia .inner-row {
min-height: 600px;
}
到
或者您只需将
最小高度:600px
从.biliografia.inner row
移动到.biliografia.inner row.bg_biliografia
或者,您也可以将
.bg\u bibliografia
绝对定位在它的父对象中
.bibliografia .inner-row {
position: relative;
}
.bibliografia .inner-row .bg_bilbiografia {
position: absolute;
top: 0; left: 0;
}
可能您只是没有清除Safari缓存。尝试按住SHIFT键,同时单击刷新图标。谢谢!我改为:.bibliografia.inner row{position:relative;}.bibliografia.inner row.bg_bilbiografia{position:absolute;top:0;left:0;}现在可以正常工作了!
.bibliografia .inner-row {
position: relative;
}
.bibliografia .inner-row .bg_bilbiografia {
position: absolute;
top: 0; left: 0;
}