css - 按钮不显示图像

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

希望能帮到你

最佳答案

如图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>

关于css - 按钮不显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10832835/

相关文章:

javascript - 2个DIVS重叠并具有缩放效果

css - FontAwesome 5 的 Instagram SVG 上的渐变

android - 如何在 android 中使用解析 api 在解析服务器中上传图像

c++ - 处理私有(private)默认构造函数

javascript - 如何使我的网页页脚处于 100% 高度?

CSS 伪元素 - 使用 :after to position text under an image

image - OpenCV:指纹图像并与数据库进行比较

html - 样式不会被图像覆盖

c++ - 在 C++ 文件中声明全局类实例

c++ - 继承人类不起作用