グループごとの行数、すべてのボタンの展開/折りたたみ、および検索のリセット ボタンを使用して、Datatables の折りたたみ可能/展開可能なグループ化を使用しています。Internet Explorer で表示上の問題が発生しました。
IE 9、IE 8、および IE 7 では、検索のリセット ボタン (検索フィールドの右側にある黒い X) が表示されません。
IE 7 では、検索フィールドとラベルも正しく表示されません。右揃えではありません。
これらの IE CSS の問題を解決するのを手伝ってくれる人はいますか? あなたの助けは大歓迎です!
問題を説明するためにjsfiddleをセットアップしました： http://jsfiddle.net/lbriquet/gtgzr/
1. IE 9、IE 8、および IE 7 では、[検索のリセット] ボタンが表示されません。
<input type="image" ... />src 属性なしで使用しています。はい、含まれているボックスにはアイコンが含まれていますが、それらは CSS によって宣言された背景画像であり、input 要素の src 属性から直接レンダリングされたものではありません。IE はあなたの構文でうまく機能しません。
2. IE 7 では、検索フィールドとラベルも正しく表示されません。右揃えではありません。
IE7 では、要素を適切に配置するために少なくともいくつかのスタイルを設定する必要があるため、右揃えではありません。[すべて展開] ボタンを左に、[リセット] ボタンを右にフロートさせました。これを IE7 で修正するには、フロートを完全に廃止し、"display:inline-block; position:relative" を使用して要素をインラインに配置します。または、フロートを使用し続け、検索ボックスも右にフロートします。(右フローティング時に正しい位置を維持するには、sDOM 属性でリセット ボックスと検索ボックスの位置を切り替える必要があります。