按鈕不顯示圖像

我在我的extjs腳本中使用3個按鈕。奇怪的是，我沒有看到他們。如果我用螢火蟲檢查我看到的這個元素按鈕不顯示圖像

<button id="button-1051-btnEl" class="x-btn-center" autocomplete="off" role="button" hidefocus="true" type="button"> 
<span id="button-1051-btnInnerEl" class="x-btn-inner" style="">&nbsp;</span> 
<span id="button-1051-btnIconEl" class="x-btn-icon" style="background-image: url("../resources/themes/images/default/grid/page-prev.gif");">&nbsp;</span> 
</button>

這是正確的gif文件，它在服務器上。這與溢出有關嗎？

我希望你能幫助

來源

2012-05-31 Rick Weller

首先你應該，如果是正確的 – Sajmon

我們不能看到X-BTN-圖標的CSS檢查路徑。它是否設置了高度和寬度？它也設置爲顯示塊？ –

請將您的問題添加到課程x-btn-center，x-btn-inner和x-btn-icon的CSS中。你使用的是什麼版本的ExtJS？ –

正如this example你應該使用X-BTN圖標和X-TBAR頁，接下來的CSS類在一起，以顯示「下一頁」按鈕圖像顯示。我建議你重寫x-tbar-page-next css類以使用自定義圖像。

快速引用的the example's「下一頁」按鈕的重要組成部分：

<button id="button-1020-btnEl" type="button" class="x-btn-center" hidefocus="true" role="button" autocomplete="off" data-qtip="Next Page" style="height: 16px; "> 
    <span id="button-1020-btnInnerEl" class="x-btn-inner" style="">&nbsp;</span> 
    <span id="button-1020-btnIconEl" class="x-btn-icon x-tbar-page-next" style=""></span> 
</button>

來源

2012-05-31 12:12:49

按鈕不顯示圖像

回答

相關問題