1

次のようなテーブルがあります。

<table>
    <tr>
        <td class="selected plus"><a>+</a></td>
        <td><a class="minus">-</a></td>
    </tr>
</table>

td選択したものだけが見えるようにしたい。私の制限は、 を通じてのみこれを達成することCSSです。を変更しHTMLたり、ある種の を注入したりすることはできませんJavaScript。

これは私が思いついたものです：

  • 選択tdしたものを他のものの上に配置する
  • 選択したものを展開してtd、他のものを「置換」します
  • 選択されていないものを隠すtd

残念ながら、私はこれらのアイデアのどちらでも成功しませんでした。

ここで遊ぶ jsfiddle があります: http://jsfiddle.net/u6n7r/6/

クロス ブラウザー ソリューションがあれば満足ですが、IE9 のサポートは必須です。

MySQL 構成ではそれを行うことはできません。

これはアプリケーション レベルで実行できます。たとえば、PHP ではmysqli_result::fetch_fields()メソッドを使用してタイムスタンプ タイプを検出し、変換できます。他のコネクタにも同様のメソッドがあります。

UNIX_TIMESTAMP()または、提案されているように、タイムスタンプ列の関数を使用してそれを行うことができます。

4

2 に答える 2

2

で非表示にするだけ<td/>ですdisplay: none：

td:not(.selected) { display: none; }

ここにあなたのフィドルへのアップデートがあります

于 2013-03-19T16:45:34.430 に答える
0

テーブルを相対位置に配置します。tdの絶対値を、top：0およびleft：0で配置します。tdのz-indexを10にします。.selectedのz-indexを11にします。

.selected {
    background-color: green;
    z-index: 11;
}

.plus {

}

.minus {

}

td {
    width: 30px;
    height: 30px;
    border: 3px solid red;
    background-color: silver;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
table {
    border: 3px solid blue;
    width: 72px;
    height: 36px;
    position: relative;
}
于 2013-03-19T16:47:57.263 に答える