[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス

2012/04/16 970 users コリス 見出し HTML 見出し要素 テクニック

テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「te... 続きを読む

allWebクリエイター塾　ブログ: 画像置換に -9999px はつかわない

2012/03/06 22 users allWebクリエイター塾 画像置換 CSS テクニック 歴史

2012年3月3日土曜日 画像置換に -9999px はつかわない 画像置換という言葉を知っているでしょうか？テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。 画像置換の歴史 画像置換は長いこと使われているCSSのテクニックに１つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか？ 意外にも、... 続きを読む

allWebクリエイター塾　ブログ: 画像置換に -9999px はつかわない

2012/03/05 18 users allWebクリエイター塾 画像置換 CSS テクニック 歴史

2012年3月3日土曜日 画像置換に -9999px はつかわない 画像置換という言葉を知っているでしょうか？テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。 画像置換の歴史 画像置換は長いこと使われているCSSのテクニックに１つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか？ 意外にも、... 続きを読む

CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ

2007/03/07 406 users None text-indent display CSS

▽ 閲覧者様へご迷惑をおかけしております。 サーバーを管理している Just-size.networks です。 現在、都合により閲覧が制限されております。 大変申し訳ございませんが、しばらく経ってからまたお越し下さい。 ▽ 管理者様へ アカウントがロックされております。 お問い合わせ窓口よりご連絡下さい。 続きを読む