Firefox Sprite表图像不显示

Question

我正在尝试用表情符号创建一个聊天室。当用户在聊天室中键入诸如:)的表情符号时，CSS会从精灵表中删除正确的图像。但我的代码似乎只适用于Opera和IE（奇数组合）。它没有在Firefox或Chrome中显示（如果你设法在图像的确切位置进行磨练，你可以找到图像blank.gif，它用作替换背景网址的替身）。有谁知道在Firefox / Chrome中会导致什么？

网站：ttony21.byethost24.com

相关CSS：

image.emo {
  width:19px;
  height:19px;
}
image#smile {
  background:url(img/diceSprite.png) 0 0;
}
image#bigsmile {
  background:url(img/diceSprite.png) -19px 0;
}
etc...

相关HTML：

<img class="emo" id = "smile" src="img/blank.gif" width="1" height="1" alt=":)" title=":)" />
<img class="emo" id = "bigsmile" src="img/blank.gif" width="1" height="1" alt=":D" title=":D" />
etc...

Answer 1

变化

image.emo {
  width:19px;
  height:19px;
}

到

img.emo {
  width:19px;
  height:19px;
}

和其他人遵循类似的模式。元素选择器是img，而不是图像