タグ

CSSと擬似要素に関するpoyosiのブックマーク (1)

  • img:after { content: attr(alt); } としても何も表示されないのは、仕様的に正しい挙動です

    img:after { content: attr(alt); } としても何も表示されないのは、仕様的に正しい挙動です 2011 年 5 月 11 日 お分かりの方には何てことないというか今さらな話ですが、割と出来なくて悩んでる方が多いように見受けられたので。Twitter のツイートを検索してみてもたまに話題に上がってるっぽいし。 「画像にキャプションを表示する」などの名目でこの img:after { content: attr(alt) } のような[1] CSS 例を挙げているところがいくつかあるのですが、実際にこのような CSS を書いても alt 属性値が画像の後ろに表示される事はありません。Opera では表示されるようですが(あと私の記憶にはないのですが、どうやら古い Mozilla もこのような実装になっていたみたい[2]です)他のモダンブラウザでは基的に全滅です。

    img:after { content: attr(alt); } としても何も表示されないのは、仕様的に正しい挙動です
  • 1