気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
画像置換に -9999px はつかわない
92 users
all-web-blog.blogspot.com
all-web-blog.blogspot.com
all-web-blog.blogspot.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
画像置換という言葉を知っているでしょうか？テキストを「text-indent:-9999px」と指定して、画面の外に... 画像置換という言葉を知っているでしょうか？テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。 画像置換の歴史 画像置換は長いこと使われているCSSのテクニックに１つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか？ 意外にも、このテクニックは元はC.Z.Robertson氏が1999年に考案し、それを「Todd Fahner」氏やTwitterのDouglas Bowman氏がチュートリアルで説明し、一般的に広めたものです。この時点ではテキストを非表示にするために「display:none」を利用しており、音声リーダーでは読み上げされないなどの問題がありました。 その後、このアクセシビリティ上の問題を解決するために「-9999px」というテクニックを生み出したのです。 現在の画像置換
all-web-blog.blogspot.com
all-web-blog.blogspot.com
all-web-blog.blogspot.com
all-web-blog.blogspot.com
www.daily.co.jp
tetogame.hatenablog.com
posfie.com
speakerdeck.com/minorun365
anond.hatelabo.jp
speakerdeck.com/schroneko
www.itmedia.co.jp
www.publickey1.jp
pc.watch.impress.co.jp
japan.zdnet.com
lucumr.pocoo.org
www.mayurio.com
www.mayurio.com
engineers.ntt.com
inside.pixiv.blog
meetscareer.tenshoku.mynavi.jp
studyhacker.net
2014/03/05 リンク