gpt4 book ai didi

css - Firefox CSS 图像框

转载 作者:太空宇宙 更新时间:2023-11-04 15:58:55 26 4
gpt4 key购买 nike

此 CSS 代码适用于除 FireFox 之外的所有浏览器。为什么 ?我该如何解决?

.img_box {
width: 110px;
height: 160px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('https://www.google.com/images/srpr/logo3w.png');
}

提前致谢。

编辑:这是我要使用的 HTML:

<img class="img_box" />

最佳答案

当 Firefox 遇到没有来源的图片时,它会用替代文本替换图片。我个人觉得这非常烦人,因为这意味着我无法测试布局,除非我专门创建占位符图像,如果这些图像因任何原因不可用,布局就会完全中断。

不幸的是,我还没有找到解决这个问题的方法。

但是,在您的情况下,最好使用 div 并将 display:inline-block 添加到您的 CSS,而不是使用图像。

关于css - Firefox CSS 图像框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10079858/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com