Latest topics > マイナスのtext-indentを使って文字を画面外にふっとばすテクニックの妥当性
宣伝1。Firefox Hacks Rebooted発売中。本書の1/3を使って、再起動不要なアドオンの作り方のテクニックや非同期処理の効率のいい書き方などを解説しています。既刊のFirefox 3 Hacksや拡張機能開発チュートリアルと併せてどうぞ。
オライリージャパン
宣伝2。日経Linux 2011年9月号から、Linuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。そちらもよろしく。
マイナスのtext-indentを使って文字を画面外にふっとばすテクニックの妥当性 - Sep 21, 2005
SEO対策とかスクリーンリーダ対策とかで、「非表示だけどデータ的には存在する文字列」にするためにマイナスのtext-indentやposition:absoluteで画面外に文字列を追いやるテクニック（？）があるけれども、それについて中野さんが「それは実装依存の裏技であって仕様的には誤り」と指摘されている。
そこで哀さん曰く、「h1の文字列をふっとばして背景画像だけ使いたいような場合なら、h1 { overflow: hidden; text-indent: -100em; }でええんでないの？」と。確かに仕様上は、これで当初の目的を果たせなければならない。実装はどうなってるのかは未確認だけど。
position:absolute で画面外にふっとばしつつ親要素の内容をスクロール可能にしたい場合については、依然として解決策ナッシン？
Comments/Trackbacks
MacIE
h1にoverflowを指定するとMacIEで消えますよ。
http://kikky.net/pc/firefox_9999.html
TrackBack ping me at
の末尾に2011年11月2日時点の日本の首相のファミリーネーム（ローマ字で回答）を繋げて下さい。例えば「kan」なら、「2005-09-21_overflow-and-negative-indent.trackbackkan」です。これは機械的なトラックバックスパムを防止するための措置です。
Post a comment
writeback message: Ready to post a comment.
