Mac版FirefoxでThickBoxの背景画像が表示されないトラブル

画像、HTMLをモーダルウィンドウで表示させるJavaScriptライブラリ(jQueryのプラグイン)ThickBox。
これを使ったページの表示確認中にMac版Firefox(以下、FF)で背景透過画像が表示されない現象にはまりました。
原因はMac版FF用透過背景画像「macFFBgHack.png」とCSS「thickbox.css」が準備されていないことでした。

手順

  1. How to Implement ThickBox:にある macFFBgHack.png をダウンロード
  2. macFFBgHack.png をサーバーの任意の場所にアップロード。
  3. thickbox.css 「.TB_overlayMacFFBGHack」クラスセレクタの背景画像のパスをアップロードしたファイルのパスに合わせる。

関連リンク

タイトルとURLをコピーしました