pdfやdocなどの決まった拡張子にCSSを使って自動でアイコンを表示させる方法がphpspot開発日誌に紹介されていました。
とっても便利なのでゼヒ使ってみましょう。
※IE6では表示されないのでjavascriptと組み合わせる必要があります。
CSS PDFなどのアイコンを自動で表示する裏技
投稿日：2007/9/11 火曜日 更新日：
執筆者：takehito
関連記事
-
-
CSSにて背景画像（画像置換）をしてリンクを付けている場合、Firefoxで閲覧するとはみ出てアウトラインが表示されてしまいます。 そこでこのアウトラインを表示させない方法のご紹介。 a { outl …
-
-
CSS リストを使わなくても簡単にリスト風になるtext-indent
ちょっとした時などに、わざわざ新しくCSSを定義しなくてもリスト風のスタイルがtext-indentでできます。 サンプルはこちら
-
-
幅いっぱいのスマホサイトのメニューで1pxのボーダーを追加する方法
基本的にスマホサイトを作る際はリキッドレイアウトにすることが多いと思う。 その際１つ１つの要素に対して％（パーセント）指定をするが、1pxのボーダーを要素の間にいれようと思うと、 これがなかなかうまく …
-
-
iPhone Safariのsubmitボタンのデザインを変更する方法
通常CSSでbackgroundやborder-radiusをかけることによってスタイルを定義することができますが、 iPhoneSafariの場合は最初にリセットする必要があります。 #hdSear …
-
-
前々から画像置換を使ったボタンってどうなの！？って思っていました。 そこでjavascriptを使わずにロールオーバーする方法のご紹介。 サンプルはこちら
- Photoshopで何度も戻りたい方法（連続して戻る方法） - 6,765 views
- [CSS]iPhoneのSafariで背景画像のposition: fixed;が効かない時の対処法 - 3,530 views
- IE10以降にだけにCSSを適応するハック - 2,283 views
- Mac SafariでのSSL証明書確認方法 - 1,753 views
- iPhone Safariのsubmitボタンのデザインを変更する方法 - 1,130 views
- MacのMail（メール）で添付画像が縮小されるのを回避 - 1,100 views
- [覚書]DreamweaverのFTPで依存ファイルをアップしない方法 - 1,066 views
- FlashAirの設定から撮影、スマホ転送までの使い方 - 1,003 views
- [覚書]DWのCSSのインデントをスペースからタブに変更する方法 - 847 views
- png画像をより軽くする方法 - 780 views
