CSS | ios で position:absolute; が崩れる
Safari で position:absolute; が効かない
サイト制作をしていると、cssが効かないことってよくありますよね!?
そんな時はとりあえずcss〜でググると思うのですが、検索結果で以下のような対応策は見つかったのですが、どれもダメでした。
・スタイルをCSSハックで指定
・z-indexを指定
・position: -webkit-sticky;にする
・paddingで乗り切る などなど…
色々試したのですが、自力で見つけた答えはコレでした!
iOSって、Chromeとかより細かく指定してあげないといけないことがあるらしい。
同ページに「position:absolute;」をいくつも指定しているのに、1ヶ所だけ効かなかったけど、
「table」だったからなのかもしれません。
display: 〜;の指定です!
@media screen and (max-width: 767px) {
.table tr {
position: relative;
display: -webkit-box; /*コレがないと崩れる*/
}