[B! ie] k_kashimuraのブックマーク

k_kashimura id:k_kashimura

ieに関するk_kashimuraのブックマーク (4)

IE11での互換モードがわかりづらかった件｜その他｜しろうとにけがはえた
例に漏れず、IEが気づいたら11になっていて、ちょっと開発者ツールのメニューとかも変わっちゃっていて、ようやく『互換モード』風なメニューに辿り着いたと思ったら、互換モード、、、ちょっと違くね（ﾟДﾟ)？ ※ドキュメント互換モード・・・IE8からIE10まで導入された、いわゆる互換モード。例えばIE10の場合、互換モードでIE7表示、IE8表示、IE9表示、IE10表示、Quirks モード表示（IE5）など、IETesterいらず！的にみれちゃう優れもの（※X-UA-Compatible指定の場合はそちらが有効）ドキュメント互換性の定義IE11ドキュメントモードの変更点IE11のドキュメントモードの操作（日本語） ( ﾟдﾟ)ﾌｧ！？ドキュメントモードの非推奨 Internet Explorer 11 以降では、ドキュメントモードは非推奨と見なされるため、使わないようにする必要
k_kashimura 2016/02/22
ie

ie11

互換モード
リンク
IE9 だと table を block にできない
IE9 だと、 <table> <tr> <th>th</th> <td>td</td> </tr> </table> に対して、 th,td{ display:block; } としても、横並びのままで意図した表示にならない。float を適用すると強制的に block になるので以下を試したところ、table-cell のような表示ではなくなった。 th,td{ float:left; clear:both; } この方法でなら、media queries を併用してもしっかり動作した。 @media(max-width:640px){ table{ border-collapse:collapse; } th,td{ float:left; clear:both; } }
k_kashimura 2015/08/24
ie
リンク
JavaScriptでスクロールバーの幅を調べる - #daiizメモ
ウェブページをデザインしていたところ、「スクロールバーの横幅」の値が欲しくなった。検索してもすぐには見つからなかったので、ChromeのConsoleを開き、自分でwindowオブジェクト内を探しに行くことにした。「スクロールバーを含んだブラウザの横幅（①）」はwindow.innerWidthで得られることは知っていた。結果結局、「スクロールバーの横幅」を直接教えてくれるメソッドやプロパティは見つけられなかった。しかし、document.body.clientWidthを使って「スクロールバーを含まないブラウザの横幅（②）」を得ることに成功した。これにより、①と②の差をとることで「スクロールバーの横幅」を得られた。まとめプロパティ Live Demo*1 スクロールバーを含んだブラウザの横幅 window.innerWidth -- px スクロールバーを含まないブラウザの横幅
k_kashimura 2015/08/21
ie

scroll
リンク
IE8とIE9できれいに透過を適応させるCSS
このような写真の一覧を作成して、タイトル部分を透過にしたい場合、 opacityプロパティか、background-color: rgba();の透明度を利用する方法などがあります。しかし、opacityとrgba()は、chromeやfirefox等のブラウザは対応しておりますが、両方共にIE8以下の対応ができておりません。 IE8も対応させる案件では、画像で対応するでも良いですが、できたらCSSで適応させたいです。 IE8とIE9にも透過を対応させる方法
k_kashimura 2015/07/30
css

ie
リンク
1