HTML
CSS
firefox

position: relative;をかけているtdがfirefoxやIEで罫線が切れてしまう場合の対応方法

tdにposition: relative;をかけていると、firefoxやIEで罫線が切れてしまう

テーブルをcssスタイリングしていてFFやIEで罫線がどうしても切れてしまう場合がある。その場合は、background-clip: padding-box;を指定することで解消できる。

参考:MDN:background-clip
https://developer.mozilla.org/ja/docs/Web/CSS/background-clip

サンプル(上:chrome表示、下:FF表示)