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-repeat媒体资源中设置background-position和background-image。在自己的属性中定义no-repeat和right top，或使用background简写（在这种情况下，您应该将background-color合并到其中，然后添加scroll no-repeat）。