jQuery UI圖標無法在表格中正確呈現

我遇到了jQuery UI圖標的一些嚴重問題，我無法看到我做錯了什麼。我正在使用Themeroller生成的自定義jQuery UI css文件。下面是我使用的圖標的HTML：jQuery UI圖標無法在表格中正確呈現

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

這工作得很好，但是當我把它變成一個表，一切都失控了，我最終你看到下面的內容：

Icons

這是在IE8中。 Chrome在Chrome中效果並不好，所以我相信有一些事情要做。以下是列的實際HTML：

<td> 

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

如何使用表格中的圖標並讓它們正確呈現？更瘋狂的是，他們在th而不是在td工作。有什麼想法嗎？

2012-03-23 Rondel

如果他們工作在一個th而不是td，那麼你肯定有一些事情與你的td的css有關。他們是使用背景位置構建的，你有什麼能夠控制tds跨度背景的位置嗎？任何使用'.expandDescription span' bgs？ – MetalFrog 2012-03-23 19:30:45

@MetalFrog你是對的。它不在擴展標籤上，但是我在列上有一些填充，似乎是在破壞圖標。謝謝！ – Rondel 2012-03-23 19:35:47

嗯，那會做到的。任何改變跨度大小的東西都會將其拋棄。 – MetalFrog 2012-03-23 19:37:10

jQueryUI圖標是使用特定大小和精靈的背景位置構建的。任何增加圖標容器大小的CSS都會拋棄顯示的圖像。

檢查轉移背景位置的衝突CSS，或通過填充添加額外大小。

2012-03-23 19:51:39 MetalFrog

回答