CSS定义的背景图像不'；t型镀铬显示器

我知道这里有很多类似的问题，但似乎没有一个能为我解决这个问题

css代码：

/*Deferred Payment Popup*/
div.DeferredPaymentPopup {
}

div.DeferredPaymentPopup input.RefreshImage {
    background-image: url(../Images/Refresh-icon.png);
    background-position: left top;
    display: inline-block;
    float: left;
    width: 15px;
    height: 18px;
}

第页的代码-

<div id="DeferredPaymentPopup" class="DeferredPaymentPopup newportal popup" title="Deferred Payment Calculator">
<div data-bind="with: statement.viewModel.DeferredPaymentModel">
...
  <div id="divDollarCalc">
    <div style="float: left; padding-left: 4px">
    <input type="image" onclick="return false;" title="Refresh" class="RefreshImage" />
    </div>
  </div>

...

页面上有许多嵌套的div，其中有几个有自己的id——我包括其中一个用于说明

IE或Edge中没有问题

全部采用铬合金材质，外观良好：

---

想法？

您可以使用

input[type=image]

<input type="image" src="../Images/Refresh-icon.png" />

---

使用.DeferredPaymentPopup，input.RefreshImage{…}，因为RefreshImage不是DeferredPaymentPopup div的子级

---

编辑 这就是你想要达到的目标吗？我使用文本而不是输入

type=“image”

div.DeferredPaymentPopup{}
div.DeferredPaymentPopup input.RefreshImage{
背景：url（“http://res.cloudinary.com/sayob/image/upload/v1526907328/483257_vwhhfw.jpg）无重复左上；
显示：内联块；
浮动：左；
宽度：100px；
高度：18px；
}

，检查这是否不是问题所在。也许我在这里遗漏了什么，但根据您在问题中包含的HTML，类属性为“RefreshImage”的输入不是类为“DeferredPaymentPopup”的div的子项，这就是CSS规则的目标。@Olivertooh-我不想在标记之间包含所有代码（因此省略），但它确实在初始div中。我编辑了代码段中的缩进以使其更清晰。正如我所提到的，它在其他浏览器中运行。@DhavalJardosh-我看到了这个问题，并检查了它。我没有在这台机器上运行AdBlock，但我关闭了Chrome的内部广告屏蔽，但没有任何效果。而且，这张图片看起来更像是一个标准的广告尺寸，这增加了混乱。这种情况发生在所有用户的计算机上，而不仅仅是我的计算机上。请尝试将文件路径替换为任何联机url。并检查您是否面临同样的问题。为了方便起见，用这个URL替换它：他没有发布整个HTML代码，但从chrome inspect可以清楚地看到规则正在应用于输入。如上所述，我编辑了缩进，以更清楚地表明它确实在基本div内。@OluwasayoBabalola是和否-图像显示，但是我得到了下面问题中提到的图像边界问题，添加src属性并不能解决这个问题。简单地添加src attrib并留下一个映像是目前为止最好的解决方案，但我仍然好奇为什么需要它。我想我不得不把它归为“这就是”对我们来说很幸运，@AvcS拯救了这一天：）我确实可以，这确实解决了这个问题，但我很好奇为什么需要它？Chrome处理需要src的背景图像的方式是否存在一些基本差异？在其他情况下，css定义的背景图像工作正常。我看到的唯一区别是，正如我所提到的，这一个在许多嵌套div中。命名和未命名。这在链接问题中有解释，你可以检查我是否这样做了-问题涉及图形周围的边框，这不是正在讨论的问题whatwg.org的链接涉及所需的src attrib，但该条目似乎没有讨论使用css的标记。正如我所说的，我还有其他没有src attrib的图像，效果很好。作为记录，将标记更改为提交类型，这个问题中建议的另一件事，并不能解决问题。我将宣布这是解决问题的答案，但如果我能弄清楚为什么需要它，并且只在Chrome中需要它，那就糟了。