html - 背景图像不适用于 Chrome

标签 html css google-chrome background-image

我有一张背景图片,它在 Firefox 上显示良好,但在 Google Chrome 上根本不显示。我不明白...非常感谢。

编辑:我看到有人告诉我答案已经在别处但没有。我没有添加 block ,所以这不是同一个问题。无论如何谢谢你。

CSS:

    #section2{
        background: url(../images/references.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position:relative;
    }

HTML:

<div id="section2">

</div>

最佳答案

使用背景图像:属性

#section2{
        background-image: url(../images/references.png); 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position:relative;
    }

关于html - 背景图像不适用于 Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56108499/

相关文章:

javascript - 告诉 Chrome 调试 js 而不是 ts

html - Chrome 打印样式表不起作用

c++ - Native Messaging 主机无法发送 1 MB 数据

javascript - 在 v-if 和 else 条件中给定时,btn-next 不起作用?

css - 自定义 horiz.menu CSS 底部边框技巧?需要

html - 无法将按钮保持在图像底部 - 在响应式图像库中

html - CSS 网格中的等宽列

javascript - 带有悬停的 img 上的 Html/CSS 过滤器,但 aperes 的文本会干扰悬停功能并让过滤器消失+文本

html - 我的 Bootstrap 模板中的容器流体填充问题

html - Google 表格 : Class google. script.run 不工作