IE HTMLのIE分岐の条件付きコメント が効かなくなってた。

HTML CSS IE-BUG

表題のとおりです。画像をレスポンシブで100%表示するのにObject-fitが便利なのですが、IE11ではObject-fitがサポートされてないので、HTMLのIEを判別させる条件付きコメントを使ってIEの時だけ上書きするCSSを読み込ませようとしていました。 Windowsの実…

2018-04-06

Microsoft Edge リスト要素の記号が消えないバグ(list-style: none が効かない)にハマる。

HTML CSS IE-BUG Edge-BUG Design

Microsoft Edge でCSSでlist-style: noneが指定されているにも関わらず、・や 1. というリスト(ul, ol)の記号が消えないバグに遭遇しました。調べているとIEでもこの問題はあったようで問題の発生条件概ね次のような条件で発生するようです。 ul / ol / l…

2017-09-22

Javascript Chromeでページトップに戻る(scrollTop)が効かなくなってた件。

JavaScript jQuery Chrome IE-BUG

Chromeで以前作ったサイトを見ていて、jQueryで実装していたページトップに戻るが効かなくなっているのに気づいてしまいました... スペック Mac OSX Chrome v61.0.3163.91 $('body').scrollTop() が効かなくなっていた。今までは、FireFoxとIE系はhtmlタグ…

2017-07-07

IE11バグ display table, table-cell 内で max-width が効かない

CSS HTML Design IE-bug

IE11… またお前か！ max-widthのバグが多いですねw display: table, display: table-cell の中にある img タグのmax-width: 100% が無視されて、要素からはみ出したりしてしまう問題。 <div class="table"> <div class="table-cell"> <img class="max-width-100per"> </div> </div> table-layout: fixed を使うと max-width が効く display: table …