Question

I am using Jquery to add a class to a div like so…

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

The CSS is as follows

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

The problem is that everything is rendered ok except the image that is not displayed at all.

After some firebugging i found that the line with the image is in strikethrough like so..

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

What is going on here? What am i doing wrong?

Answer 1

You are trying to set background-repeat and background-position inside the background-image property. Either define the no-repeat and right top in their own properties, or use the background shorthand (in which case you should merge background-color into it and add scroll after no-repeat).