2012-02-07 65 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