我正在为下一页显示图片＆＃39;按钮。但它没有显示在屏幕上

Question

我正在显示＆＃39; nex page＆＃39;的图像超链接选项。但该图像在屏幕上不可见。我的页面看起来像这样......

'next page' button's image is not visible on screen

以下是此图片按钮的CSS代码 - 使用extJs开发的网页

.ext-gecko .x-btn button, .ext-webkit .x-btn button {
    padding-left: 0;
    padding-right: 0;
}
.x-btn-icon .x-btn-text {
    background-position: center;
    background-repeat: no-repeat;
}
.x-btn button {
    text-decoration: none;
}
.x-btn button {
    font-family: 'Titillium Web';
    font-size: 13px;
    font-weight: normal;
    color: #333;
}
.x-btn button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    outline: 0 none;
}

.x-tbar-page-next {
    background-image: url(images/grid/page-next.gif) !important;
}
.x-btn-text {
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
}

你可以帮我找到解决方案。

先谢谢。

Answer 1

我认为你的道路不正确。试试

.x-tbar-page-next {
    background-image: url(../images/grid/page-next.gif) !important;
}