re: いわゆるCSS画像置換

いわゆるCSS画像置換と呼ばれる、文字を描画範囲外に移動させたりdisplay:none;で非表示にして背景色だけを見せるというCSSのhackに対する、木俣 (たぶん仕様至上主義とか原理主義とか呼ばれる態度) の個人的な評価。

CSS画像置換というhackに対する評価であり、特定の誰かの評価ではないし、有益な代替案の提示があるわけでもない。

  1. 文字を描画範囲外に移動させたりdisplay:none;で非表示にして背景色だけを見せるというのは、置換ではない
  2. CSSで置換といえば、CSS3 Generated and Replaced Content Module (まだ草案。しかも5年間更新が止まってる)
  3. 透明な文字を書きたければ、CSS Color Module Level 3のopacity値やalpha値を使う手もある (まだ草案。しかも5年ぶりに更新されて勧告候補から草案に差し戻された)
  4. 現在勧告済みのW3Cの仕様で本当に内容置換を行うなら、(style sheetsではないが) imgタグかobjectタグ。でもこういう用途のimgタグやobjectタグによるmarkupはプレゼンテーション目的なのでお勧めできない (なら言うなよ)
  5. 他に、iframeタグもあるが、strictなHTMLでは使えない

あえて言えば、CSS3 Generated and Replaced Content Moduleの勧告待ち。何年後になるのか、そもそも待っていれば勧告されるものなのか、わかりませんが。