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>
インラインで画像をHTMLに埋め込むData URLスキーム at softelメモ
まずはこの画像見えますか？ → 見えなかったら、IE6かIE7あたりをご利用でしょうか。 HTMLには次のように書いています。（見づらくてすみません。） <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAABkAAAAZACHJl7mAAAPj0lEQVR42u2deXCc5X3HP8+79yFptTpW1mkdlm/ZYBtkbGC4IVCHciQ4pXUozGRKjpaZlMmkmUw7TKbTTOm0ZEiZ0EyICcWUkrQFzOEYcHxgIL4kIQsJS9Zpr7Rrr3al1a529336x64FtrUraaXVruR9Zt7RjEba4/m
身につけておきたいWebサイト高速化テクニック #5｜リクエスト数削減テクニック01：インラインイメージ編 | DevelopersIO
5，インラインイメージのメリット・デメリットと注意点 5.1，メリット インラインイメージを使うことで画像自体のHTTPリクエストが発生しません。 例えばファイルサイズの小さな10個の画像を読み込んでいるとします。それらすべてをインラインイメージ化することで10回のHTTPリクエストを削減できます。 データサイズが37％増加するというデメリットはありますが変換前のデータが数MBでもない限りHTTPリクエストが減らせることの方が有益です。 5.2，デメリット IEの古いバージョンでは使えない Base64エンコードによりデータサイズが約37％増加する HTMLやCSSに直接埋め込むため画像を変える度に差し替えが必要（ツールで改善可能） data URI schemeで埋め込まれたデータはキャッシュされない 同じデータを複数箇所に表示したい場合、それぞれの場所に埋め込む必要があるためインライン
IE8が対応したCSS 2.1の機能：displayプロパティなど3種類を解説 - builder by ZDNet Japan
今回は、IE8が対応した次の3つのプロパティについて確認していきたい。 display list-style-type white-space これらのプロパティには古いIEも対応しているが、CSS 2.1で定義されたすべての値に対応していたわけではなかった。IE8では定義された値を一通りサポートするようになっている。そこで、今回はこれらのプロパティの値のうち、IE8が新しくサポートしたものについて確認していきたい。 なお、新しく対応した機能を利用するにはIE8のStandardsモード（標準準拠モード）で表示する必要がある。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 IE8はdisplayプロパティの値のうち、古いIEで未対応だったrun-inとinline-block、テーブル関連の値に対応した。ここでは、そ
Webページのトラブル原因究明にIE8の「開発者ツール」を活用する － ＠IT
社内ポータルや業務用Webアプリケーションの運用中にトラブルが発生した場合、まずはシステム管理者がトラブル原因の切り分けを担当することが多いだろう。切り分けとは、原因がWebサイト側にあるのか、それともクライアントPCのWebブラウザ側にあるのか、といった作業を指す。不具合がWebサイトの設計に由来するなら、切り分け後の作業はWeb開発担当かWebデザイナに引き継げるが、それまでは、管理下にあるクライアントPCが絡む以上、システム管理者が担当しなければならないだろう。 このとき役立つのが、本来はWeb開発者やWebデザイナが開発時に利用するWebページの解析ツールだ。これはクライアント側で動作するソフトウェア・ツールで、WebページのHTMLやスタイル、スクリプトなどの挙動や表示を細かく確認できる。ただ、従来の解析ツールはFirefoxなどIE以外のWebブラウザのアドオンとして提供されて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE8 max-height 横スクロールバー - フジブログ
株式会社コニファ ツール紹介やプログラム集：Internet Explorerのバグテスト 小さなフォントサイズが正確に表示されない問題を修正