CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与:phpspot開発日誌

Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後

[webmarksjp]

デザイン

[s-e-i]

属性セレクタを使って拡張子を見てアイコンをつける。

[mrnoon]

BADSTRING

[otom]

使える

[saladdays]

あー、これ面白いね。採用！

[numbur9]

CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与:phpspot開発日誌

[masakanou]

これは使えるかも。印刷したら出ないけど

[omochist]

まずアイコンをどこからか拾ってこないと

[nemoba]

属性セレクタを利用してるのがポイント

[kminoru]

おおっ、こりゃすごい

[kurobuchi]

IE7でもやっぱりこのテクニックはダメなのか！？試してみるか．

[masahiror]

便利

[t_43z]

残念ながら、このテクニックは属性セレクタをサポートするブラウザでしか使えないテクニックとなっています。 もし属性セレクタをサポートしないブラウザでも対応したい場合は、JavaScript が使えそうです。

[bright-f]

便利だな、これは。