Question

我已经实现了JQuery tablesorter http://tablesorter.com/docs/

排序部分工作正常，但我无法将背景图像放入表格标题中。

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;
}

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

我错过了什么..？

Answer 1

我感觉css选择器很糟糕。根据您要将背景添加到的内容，<thead>或每个<th>可以执行此操作http://jsfiddle.net/MVCmx/1/。另外，检查图片网址是否实际引用了应用中的某些内容，图片路径可能不好。

table.tablesorter > thead {
  background-image: url('yourimagepath')
}

Answer 2

正确检查图像路径，相对路径应如下所示，并提供背景网址而不是背景图像

background:url("../images/header-bg.gif");

Answer 3

你在Windows 7上使用apache吗？我有类似的问题。尝试过很多东西我发现我甚至不能直接从URL访问图像。它说“禁止”

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

只需单击文件 - ＆gt; property-＆gt; advance并取消选中加密框即可解密。那应该是诀窍。

JQuery tablesorter背景图像问题

3 个答案: