現在htmlとcssでレスポンシブテーブルを作っています。IE を除くすべてのブラウザーで完全に動作します。これは 10 を含む IE のすべてのバージョンです。IE 8、9、および 10 でのみ動作する必要があります。
表内の TD はすべてのブラウザーで 100% の高さですが、TD 内のアクティブなリンクは IE では機能しません。以下の js フィドルを見ると、現在の日の背景色が TD を塗りつぶす必要があり、IE では表示されないことがわかります。これを修正する方法を知っている人はいますか？どんな助けでも大歓迎です。以下は、js フィドル、テーブル スタイル、およびテーブルの td 内のアクティブなリンクへのリンクです。
.compact_month_view {
background-color: white;
border-collapse: collapse;
height: 100%;
position: relative;
table-layout: fixed;
}
.day_cell a {
background: none repeat scroll 0 0 #FFFFFF;
color: #CCCCCC;
display: inline-table;
height: 100%;
line-height: 100%;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}