【まとめ】iPhoneで引っかかったバグっぽい端末のなにか

【まとめ】iPhoneで引っかかったバグっぽい端末のなにか

◯fixedで要素を固定+z-indexで重なりを設定
iPhoneでスクロールしている間だけz-indexが効かなくなる。(指を離すタイミングで正しい優先度になる)
→対策: 下に隠れる要素に-webkit-transform: translate3d(0,0,0); を設定

◯ワンクリックでリンクを飛ばない
新し目のiPhoneでクリックの挙動が変わっているぽ。hoverをワンアクションと認識している。
→対策:スマートフォンに対してはhoverではなくactiveを使用する
    透過をかけているものは、opacity: 1にする
    Queryを使う

参考サイト

Qiita
iOSでposition:fixedした要素がスクロール中だけz-indexを無視して前面に表示されてしまうバグ
http://qiita.com/HieroglypH/items/743781f0b87f66d071c5
WEBスキルアップ君
結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも1クリックカウントっぽいSafari
http://webskillup.com/ety/20150816234007/