background-image не отображается

Question

У меня есть CSS background-image вопрос, который я не могу понять.

Здесь:

CSS

#yes { 
    background-image:url("../tick.png"); 
    background-repeat: no-repeat; 
    height: 16px; 
    width: 16px; 
}​ 

#no { 
    background-image:url("../cross.png"); 
    background-repeat: no-repeat; 
    height: 16px; 
    width: 16px; 
}​ 

HTML

<td id="yes"></td> 
    <td>Item 1</td> 
    <td id="no"></td> 
    <td>Item 2</td> 

Результат

Независимо от того, что я делаю, я не могу получить идентификатор #no.

• Я могу перейти к img через веб-браузер, и он работает.
• Я заменил cross.pngtick.png (который я знаю, работает), и он все еще не работает.
• Я пробовал использовать полностью пройденный путь background-image:url("http://.../cross.png");, но до сих пор нет радости.

Я не знаю, что еще устранить?

Я знаю, что могу просто использовать <img... (который отлично работает), но я не хочу, чтобы меня побеждали.

Может кто-то просто вытащил меня из моих страданий !?

Массивное спасибо заранее.

Answer 1

Хорошо, поэтому с помощью JBaczuk он определил некоторые странные символы, включенные в файл CSS.

Это останавливая оставшуюся часть файла CSS от разбираемого.

Notepad ++ не отображал этот символ, и также не был Блокнот. Быстрый Google нашел это Stack post, которое дает объяснение (которое было над моей головой).

Чтобы решить мою проблему, я просто удалил #yes и #no идентификаторов и воссоздан их (на этот раз с помощью классов и, кажется, решили мою проблему.

Надеется, что это помогает кто-то еще в будущем, так как я был в буквальном смысле вытягивая мои волосы.

Спасибо всем, кто помог!

Answer 2

Ну, я не меняю слишком много кода, и она работает ... что-то с селектором #no, может быть, это не единственный, или что-то не так с the priority of your selectors

#yes, 
 
#no { 
 
    display: block; 
 
    background-repeat: no-repeat; 
 
    height: 20px; 
 
    width: 20px; 
 
} 
 
#yes { 
 
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/50/Yes_Check_Circle.svg"); 
 
} 
 
#no { 
 
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/f/f5/No_Cross.svg"); 
 
}

<table> 
 
    <tr> 
 
    <td id="yes"></td> 
 
    <td>Item 1</td> 
 
    <td id="no"></td> 
 
    <td>Item 2</td> 
 
    </tr> 
 
</table>