按钮未显示图像

时间:2012-05-31 11:38:41

标签: css image class button extjs

我在extjs脚本中使用了3个按钮。奇怪的是我没有看到它们。如果我使用firebug来检查元素,我会看到这个

<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文件,它位于服务器上。这与溢出有关吗?

我希望你能帮忙

1 个答案:

答案 0 :(得分:0)

this example所示,您应该同时使用x-btn-icon和x-tbar-page-next 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>