0

我已经从http://tablesorter.com/docs/实现了 JQuery 表排序器 。

排序部分工作正常,但我无法将背景图像放入表头。

HTML表格代码:

echo '<table id="viewAll" class="tablesorter">';
            echo '<thead>';
            echo '<tr>';
            echo '<th>Product</th>';
            echo '<th>PBI</th>';
                echo '<th>Status</th>';
            echo '<th>Summary</th>';
            echo '<th>Record Created</th>';
            echo '<th>Record Updated</th>';

            echo '</tr>';
            echo '</thead>';

获取背景图片的 CSS 代码:

table.tablesorter thead tr  .header {
    background-image: url(images/tablesorter/bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
}

正如我所说的排序工作正常,我可以获得光标指针,但似乎无法打开背景图像。

我错过了什么..?

4

3 回答 3

2

我觉得css选择器很糟糕。根据您要放置背景的内容,<thead>或者每个<th>这可能会起到作用http://jsfiddle.net/MVCmx/1/。此外,请检查图像 url 是否实际上引用了您的应用程序中的某些内容,图像路径可能是错误的。

table.tablesorter > thead {
  background-image: url('yourimagepath')
}​
于 2012-11-01T04:47:48.033 回答
1

正确检查您的图像路径,相对路径应如下所示并给出背景 url 而不是背景图像

background:url("../images/header-bg.gif");
于 2012-11-01T04:45:13.763 回答
0

你在windows 7上使用apache吗?我有类似的问题。尝试了很多东西,我发现我什至无法直接从 URL 访问图像。它说“禁止”

我的问题是主题文件夹中的 bg.gif、as.gif 和 desc.gif 图像都是加密的。(你可以通过他们在 Vista 或 7 中的绿色文件名来判断)

只需通过单击文件->属性->高级来取消加密,然后取消选中加密框。这应该可以解决问题。

于 2013-04-18T11:28:29.157 回答