jQuery UI图标无法在表中正确呈现

Question

我在使用jQuery UI图标时遇到了一些严重问题，我无法看到我做错了什么。我正在使用从Themeroller生成的自定义jQuery UI css文件。这是我用于图标的HTML：

 <span class="expandDescription ui-state-default ui-icon ui-icon-zoomin"></span>

这种方法很好但是当我把它放到桌子上时，一切都变得混乱了，我最终会看到你在下面看到的内容：

这是在IE8中。它在Chrome中效果不是很好，所以我相信有些事情已经发生了。以下是该列的实际HTML：

    <td>

          <span class="expandDescription ui-state-default ui-icon ui-icon-zoomin"></span>
        </td>

如何在表格中使用图标并让它们正确渲染？更疯狂的是，他们在th但不在td中工作。有什么想法吗？

Answer 1

jQueryUI图标是使用特定大小和精灵的背景位置构建的。任何增加图标容器大小的CSS都将会丢失显示的图像。

检查移动背景位置的冲突CSS，或通过填充添加额外大小。