2012-02-07 41 views
0

我使用jQuery添加classdiv是这样的...CSS:为什么我的图像没有渲染?

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

的CSS如下

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

的问题是,一切都只不过是图像渲染OK根本不显示。

一些firebugging i之后发现,与图像的线是在像这样删除线..

背景图像:网址(“图像/ ok32.png”)无重复右上;

这是怎么回事?我究竟做错了什么?

回答

2

您正在尝试在background-image属性内设置background-repeatbackground-position。要么在自己的属性中定义no-repeatright top,要么使用简写形式(在这种情况下,应合并background-color并在no-repeat之后添加scroll)。

+0

谢谢先生。我想现在我必须把中文翻译成英文。我不明白。你能举个例子吗? – OrElse 2012-02-07 18:42:13

+1

而不是'background-image:url('images/ok32.png')no-repeat right top;'do this' background:#CDF596 url('images/ok32.png')right top no-repeat scroll;'然后摆脱'背景颜色:#CDF596' – elclanrs 2012-02-07 18:43:49

+0

啊哈!成功!谢谢你们。背景:#CDF596 url('images/ok32.png')右上方不重复滚动; – OrElse 2012-02-07 18:47:56