Sep 21, 2005

マイナスのtext-indentを使って文字を画面外にふっとばすテクニックの妥当性

SEO対策とかスクリーンリーダ対策とかで、「非表示だけどデータ的には存在する文字列」にするためにマイナスのtext-indentやposition:absoluteで画面外に文字列を追いやるテクニック(?)があるけれども、それについて中野さんが「それは実装依存の裏技であって仕様的には誤り」と指摘されている

そこで哀さん曰く、「h1の文字列をふっとばして背景画像だけ使いたいような場合なら、h1 { overflow: hidden; text-indent: -100em; }でええんでないの?」と。確かに仕様上は、これで当初の目的を果たせなければならない。実装はどうなってるのかは未確認だけど。

position:absolute で画面外にふっとばしつつ親要素の内容をスクロール可能にしたい場合については、依然として解決策ナッシン?

エントリを編集します。

wikieditish message: Ready to edit this entry.











拡張機能