ども。鉄王です。
別腹で運営しているWordPressのサイトにShadowbox 2.0を適用したところ(コアライブラリはjQuery)
なぜかInternet Explorer 6でうまく表示されない
という現象に遭遇しました。オーバーレイはかかるんだけど、肝心の画像類が拡大表示されないという。
で、ググりましたところ英語のドキュメントでそれっぽいのを発見しましたので紹介します。
Nabble - Shadowbox - Internet Explorer 7 throws jQuery error
http://n2.nabble.com/Internet-Explorer-7-throws-jQuery-error-td1311203.html
スレタイは「IE7」となってますが、ここに書いてある方法で当方の環境では解消しました。
解法は以下のとおり。『classic』スキンを使うという前提で……
put the border style back into #shadowbox_body, eg
#shadowbox_body {
….
border: 0px none;
}add a border style to #shadowbox_title, #shadowbox_info, eg
#shadowbox_title, #shadowbox_info {
….
border: 0px none;
}
skin.cssのセレクタ(#shadowbox_title と #shadowbox_info)に border: 0px none; とプロパティを与えればよいようです。
Leave a reply