jQueryを使ったPDFアイコン付加プラグイン | A Day in the Life

March 31, 2009 リンク先がPDFの場合など、アイコンを表示させてリンク先がPDFファイルであることを知らせる事があります。疑似クラスafterやcontentプロパティを利用したい所ですが、IE6/IE7がこれらに対応していないためにa要素の背景にアイコンを表示させています。例えばこんなCSSを書きます。 CSS Code a.pdf { padding: 0.1em 18px 0.1em 0; background: url(img/icon_pdf.gif) no-repeat right center; } しかしこのCSSの場合、改行されるような長い文章の場合、Windows IE6/IE7で致命的なバグがあります。 左のキャプチャ画像は各ブラウザのレンダリング状態をキャプチャしたものです。 Win Firefox3およびMac Firefox3ではきちんと文末にアイ

[nkoichiro]

PDFをラクに

[cyokodog]

Win IE6/7ではインライン要素に指定した背景画像で改行が入る場合、意図したレイアウトが反映されないバグがあるのです。