javascript - 在 Google Chrome 中加载图像的问题

Question

在 Chrome 浏览器中加载图像时遇到问题，而它在 Firefox 中工作正常。我正在尝试在标题处加载和图像，在两个按钮上加载其他两个图像。使用下面的代码。

header {
    width: 100%;
    min-height: 4em;
    background: url(https://mycrm.com/browser/images/CNT2528706.png) no-repeat top right;
    background-size: cover;
    border-bottom: thin solid #dedede
}

a.button {
    display: block;
    min-height: 50px;
    line-height: 20px;
    background: #f99752 url(https://mycrm.com/browser/images/CNT2532535.png) no-repeat 5px center;
    font-size: 13px;
    color: #fff;
    padding: 0 10px 0 60px;
    border-radius: 5px
}

Answer 1

尝试使用此代码:

 header {
    width: 100%;
    min-height: 4em;
    background: url("https://mycrm.com/browser/images/CNT2528706.png") no-repeat top right;
    background-size: cover;
    border-bottom: thin solid #dedede;
}

a.button {
    display: block;
    min-height: 50px;
    line-height: 20px;
    background: url("https://mycrm.com/browser/images/CNT2532535.png") no-repeat 5px center;
    font-size: 13px;
    color: #fff;
    padding: 0 10px 0 60px;
    border-radius: 5px;
}

不要忘记以 ; 结束，否则代码将无法运行，也可以使用 "" 像:background: url("Example");