0

http://tablesorter.com/docs/から JQuery tablesorter を実装しました 。

並べ替え部分は正常に機能しますが、背景画像をテーブル ヘッダーに入れるのに問題があります。

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>またはそれぞれがhttp://jsfiddle.net/MVCmx/1/<th>のトリックを行う場合があります。また、画像の URL が実際にアプリ上の何かを参照していることを確認してください。画像のパスが間違っている可能性があります。

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

画像のパスを正しく確認してください。相対パスは以下のように開始し、background-image の代わりに背景の 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 に答える