宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

2009-12-09

Lightbox 2 と line-height

Lightbox 2.0 と Line-height
「Close X」からずれると表示されるカーソル(右)。左は正常。

新しいページにLightbox 2を組み込んだところ、ポップアップした画像を閉じる「Close X」にカーソルをオンマウスしてクリック出来ない。そのちょっと下にカーソルを移動するとクリックできる、という症状が出た。

これはCSS(スタイルシート)が原因だろうと直感、とりあえずウェブサイトのスタイルシートを切り離してみるとLightbox 2 のClose Xには正常にオンマウス&クリックが出来るようになった。

さて、つらつらと自分が書いたスタイルシートを眺めると以下の記述があった(のを忘れていた>オイオイ!)。

div,p
{
   line-height       : 1.4em;
}

…この部分をコメントアウトするとビンゴ!でした。

見栄えをCSSで制御しているとついついアレコレと書き込みたくなりますが継ぎ足しは老舗の焼鳥屋さんのタレのごとくとはいかないですね。height とか line-height とかはセレクタを特によーく考えて設定してねwwwという教訓でした。

Posted by TM* at 2009-12-09 18:03 in Web関連 » WWW | English | Permalink | 
Tagged as: ,

このカテゴリ以下の他の日記、メモなど

  1. Thunderbird 3 にアップデートした
  2. 自分のアドレスで送られてくる迷惑メール:その後
  3. Lightbox 2をバージョンアップした
  4. Lightbox V2.0 のバグ修正
  5. メイリオがXPで正式に利用可能に
  6. Gmailがさらに保存容量を拡大
  7. 自分のアドレスで送られてくる迷惑メール
  8. Twitter にゃんこ
  9. BlastPNG
  10. W3C CSS 検証サービスがリニューアル