text-indentを使わない画像置換

標準

fixture.jp/blog – Appleサイトに見るグローバルメニューの画像置換手法より

CSSでリンク等のテキストを画像に置換する方法。

text-indent:-9999px;とかで飛ばすんじゃなくて、


overflow: hidden;
height: 0;
padding-top: 100px;

などで、text-indentを使わずに文字を表示領域の外に隠すという方法。

使うならこれのほうがスマートな気がします。

覚え書き。

タイトルがtext-identになってて、直しました(汗)

HTML5 草案が公開

標準

ヨモツネット[日記] » HTML 5 Working Draft 22 January 2008より。

W3CからHTML5の草案が出たようです。

  • iframe要素、a要素などのtarget属性が生き残る
  • header要素、footer要素、nav要素、video要素

今までタグでidとCSSで汎用的に色々対応していたのが、要素として最初から定義されるんですね。

自分で試した訳じゃないけど、

1月22日にW3CからHTML5の草案が公開されました。ちなみにIEだとうまくレンダリングされませんでした。

を読むと、先行実装というところでIEはまた一歩遅れを取っているのかな…?