Firefoxバグ:tdにposition:relativeをかけるとborderが消える

goto_jp 1,459views 更新:2015年4月8日
table {
  border-collapse: collapse;
}
td {
  position: relative;
  border: solid 1px #ccc;
  background-color: #fff;
}
  • border-collapseでセルが密着している
  • position: relativeをかけている
  • 背景色がついている

以上のケースではtdのborderが消えてしまう。

消えてしまうというよりbackground-colorを切ると枠線が出るため、背景の下に埋まってしまう。

Firefoxのみで発現するためバグと思われる。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません