IE8でnth-childを使えるようにする
HTML5とCSS3の普及により、表現できる所はなるべくCSSで対応させることにしているのですが、旧ブラウザでは対応していない指定がたくさんあります。その中で、IE8でnth-childを使えるようにするために行った方法をご紹介します。 IE8ではnth-childが使えません 結論から言うとIE8では｢:first-child｣は使えるのに｢:last-child｣と｢:nth-child｣は使えません。はい、困りました！ ｢:nth-last-child(n)｣で表現したい所など、まず上手くいくはずがありません。クラス名を付ければ対応できますが、そうもいかない事案も発生する事もあります。そこで何か手はないものかと調べて見たら、ありました！しかもCSSの記述のみで対応可能という事なので実践してみました。 例えば <div class="list"> <ul> <li>リスト1</li>
IE8のmax-heightとoverflowのバグ - Qiita
地味にハマったのでメモ。 max-heightを設定してoverflowをscrollやautoにすると、IE８ではmax-heightが普通のheightのように設定されてしまう。 回避策としてdivを入れ子にしてoverflowを設定後、その中に再度divを設定してmax-heightの設定をするときちんと表示される。 全くもって意味の分からない話だが、どうやらIE８のバグらしい。 このためにわざわざCSSを別々に分けて入れ子にするという手間のかかりよう…。 ダメな例
インラインで画像をHTMLに埋め込むData URLスキーム at softelメモ
まずはこの画像見えますか？ → 見えなかったら、IE6かIE7あたりをご利用でしょうか。 HTMLには次のように書いています。（見づらくてすみません。） <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAABkAAAAZACHJl7mAAAPj0lEQVR42u2deXCc5X3HP8+79yFptTpW1mkdlm/ZYBtkbGC4IVCHciQ4pXUozGRKjpaZlMmkmUw7TKbTTOm0ZEiZ0EyICcWUkrQFzOEYcHxgIL4kIQsJS9Zpr7Rrr3al1a529336x64FtrUraaXVruR9Zt7RjEba4/m
Mac上でWindows8のIE10を使用する。
『| Internet Explorer の検証がより簡単に | modern.IE』 http://www.modern.ie/ja/virtualization-tools MacのVirtualBox上などでWindows8を起動させてIE10を使うことが出来るようになりました。MSのご乱心により、無料で、気軽に、そして安心のMS謹製vmdkにより実現。ファイルのダウンロードに時間がかかりますし、HDDやSSDの容量は食いますが我慢しましょう。 なんなんやろ、怖い。 手順http://www.modern.ie/ja/virtualization-toolsにアクセスOSは「Mac」を選択仮想環境のプラットフォームは「VirtualBox」を選択以下のファイルをダウンロード MacVirtualBox.part1.sfxMacVirtualBox.part2.rarMacVirtua
Mac+VirtualBox+modern.IEでIE6~10環境を無料で構築する - しゃの
3月中に出すって言ってたmodern.IE日本語版が先日公開されていて、 ホーム | Internet Explorer の検証がより簡単に | modern.IE ※どうでもいい話だけど、modern.IEはレスポンシブデザインだったりする 複数メディアで取り上げられてた。 マイクロソフト、ブラウザーの互換性検証サイト「modern.IE」日本語版を公開 -INTERNET Watch ニュース - 日本MS、Webサイト検証ツール「modern.ie」の日本語版を公開：ITpro マイクロソフト、Webページ検証サイト「modern.IE」の日本語版を公開 | 開発・SE | マイナビニュース 提供サービスは2つ。 ・有料：検証webサービス(2014年1月10日3ヶ月まで無料キャンペーン中 ※要Facebookアカウント) ・無料：検証用仮想環境の配布 検証用仮想環境は幅広く対応して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE8 max-height 横スクロールバー - フジブログ
株式会社コニファ ツール紹介やプログラム集：Internet Explorerのバグテスト 小さなフォントサイズが正確に表示されない問題を修正