CSS：为什么我的图像没有被渲染？

Question

我正在使用 Jquery 将 class 添加到 div，就像这样...

somediv.addClass('correct').removeClass('wrong');

CSS如下

.correct {
background-color: #CDF596;
border: 1px solid #75EE3B;
background-image: url('images/ok32.png') no-repeat right top;
}

问题是除了完全不显示的图像之外，一切都被渲染了。

经过一些萤火虫检查后，我发现带有图像的行像这样被删除了..

background-image: url('images/ok32.png') no-repeat right top;

这里发生了什么？我做错了什么？

Answer 1

您正在尝试在 background-image 属性中设置 background-repeat 和 background-position。在它们自己的属性中定义no-repeat 和right top，或者使用background 简写（在这种情况下，您应该将background-color 合并到其中并在no-repeat 之后添加scroll）。