4
3

More than 5 years have passed since last update.

border-collapseのIE8バグ

Posted at

border-collapseとは、

tableの隣接する境界線を結合して表示させる(初期値)か、分離して表示させるか指定することのできるプロパティ。

border-collapse:collapse; 結合
border-collapse:separate; 分離

バグ

・IE8で特定の条件下でtableタグのレンダリングに問題が発生する。

 ①表の外枠の上罫線が欠ける
 ②表の外枠の左罫線が欠ける

特定の条件

・ブラウザ: IE8
・モード: 標準モード
・tableの親divで"overflow: visible"以外を指定
・border: collapse
・空のtheadタグがある
→空のtheadタグを無くすと罫線が表示される。

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3