Microsoft’s Edge用対応ハック
Edgeはバージョンによってもハックの書き方が変わるので注意。 記述法をまとめてあるサイト：CSS Hacks for Windows 10 and Microsoft’s Edge (Formerly Spartan) Web Browser
ハック
よく使うcssハック
- 2016.10.25
- ハック
◯IE6〜IE8“以外”にハック #help_me { color: red; } :root *> #help_me { color: red; } ※IE用の設定を先に書き、その他ブラウザの設定を上書きする ◯IE8以下にハック #help_me { background: #ccaaff; background: #ccaaff\9; /* IE8 以下 */ } ※通常のプロパティの […]
【まとめ】Androidデフォルトブラウザで引っかかったバグっぽい端末のなにか
◯背景が出ない Android標準ブラウザがbackground短縮プロパティでbackground-sizeを初期化してくれない。 →対策：background-sizeも別途記載すると。 例）background-size: auto; ◯text-indentを含む構成での表示崩れ 他ブラウザでは表示されないtext-indent: -9999px;などの値をそのまま表示する 結果中身が消 […]
【まとめ】iPhoneで引っかかったバグっぽい端末のなにか
◯fixedで要素を固定＋z-indexで重なりを設定 iPhoneでスクロールしている間だけz-indexが効かなくなる。（指を離すタイミングで正しい優先度になる） →対策： 下に隠れる要素に-webkit-transform: translate3d(0,0,0); を設定 ◯ワンクリックでリンクを飛ばない 新し目のiPhoneでクリックの挙動が変わっているぽ。hoverをワンアクションと認識 […]
IE8+max-widthで画像が縦長に見える
画像に対してハックをかけることで対応する img { width: inherit9; max-width: 100%9; height: auto9; }