为什么这个图像没有采取与其他图像相同的图像？

Question

所以我的assets / images文件夹中有一些图像：

如果你看看我的styles.css文件：

body {
    /*background-color: #F5F4F1;*/
    background-image: url('./img/bg.jpg');
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #353535;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}

它抓住了bg.jpg就好了，但它不会抓住hr.png而且编码相同：

hr {
    border: none;
    height: 18px;
    width: 114px;
    background-image: url('./img/hr.png') center center no-repeat;
    margin: 20px auto;
}

我不知道为什么会这样，并尝试了不同的修复无济于事。

Answer 1

您无法将center center no-repeat添加到background-image（但您可以将其添加到backgroud）

试试这个

CSS

hr {
    /* Other */
    background-image: url('./img/hr.png');
    background-repeat: no-repeat;
    background-position: center;
    /* Other */
}

或

hr {
    /* Other */
    background: url('./img/hr.png') center center no-repeat;
    /* Other */
}