制作行程で生まれた情報の堆積
  • カテゴリー
  • このサイトについて
  • Twitter

display:table-cellをposition:relativeすると、borderが出ない(IE&Firefox)

ブラウザ怪現象2014.8.30

display:table-cellの要素に、position:relativeを設定すると、CSS2の時代にはFirefoxなどで効かないという情報があったが、現在のバージョン31ではポジションの起点にはなっているものの、background-colorがborderを隠してしまう現象があったのでメモ。(IE11も同様の現象。Safari7とChrome37は問題ナシ。)

display:table-cellとposition:relativeの要素で、borderが消えてしまう時は、display:table-cellの中にdivなどの要素を作り、それをposition:relativeすることで解決。

Copyright © 2025 NEW FORMATION All Rights Reserved.