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') без повтора справа вверху;

Что здесь происходит? Что я делаю не так?

Answer 1

Вы пытаетесь установить background-repeat и background-position внутри свойства background-image. Либо определите no-repeat и right top в их собственных свойствах, либо используйте сокращение background (в этом случае вы должны объединить background-color и добавить scroll после no-repeat).