контент не работает в firefox и internet explorer?

Question

У меня есть этот простой код css, который работает на chrome, но не в Internet Explorer и firefox, что мне не хватает?

.removeIcon{ 
    content: url(../images/remove.png) no-repeat; 
    display: inline-block; 
    width: 25px; 
    height: 25px; 
margin-left:5px; 
cursor: pointer; 
margin-top:9px; 
} 

В чем причина этого и как его исправить?

Answer 1

Возможно, вы захотите использовать свойство background, а не свойство content.

.removeIcon{ 
    background: url(../images/remove.png) no-repeat; 
    display: inline-block; 
    width: 25px; 
    height: 25px; 
    margin-left:5px; 
    cursor: pointer; 
    margin-top:9px; 
} 

Свойство содержания только для создания сгенерированного контента на: до и: после псевдо элементов, это не совсем работает так, как вы используете его. См. http://css-tricks.com/css-content/