[B! html] takemikamiのブックマーク

画像のキャプション表示｜jQuery plugin｜Ajax｜PHP & JavaScript Room

画像にマウスオーバーするとキャプションをオーバーレイ表示するjQueryプラグイン。オプションのパラメータで、キャプションを表示するときのアニメーション効果（フェード、スライドなど）やアニメーション速度、透明度などを指定することができます。下記の2つのサンプルが掲載されています。 img要素のalt属性をキャプション表示 <img src='画像URL' class='captify' alt='キャプション' /> imt要素のrel属性とdiv要素のid属性を関連付けて、div要素の内容をキャプション表示 <img src='画像URL' class='captify' rel='caption1' /> <div id='caption1'>キャプション</div> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

takemikami 2012/06/26

htmlで画像の上にキャプションつける方法

html
css

リンク

IE6でselectタグ(プルダウン)がz-indexを無視する対策【CSS, HTML】 - Programming Magic

IE6では、selectタグはWindowsのコントロールを使用して表示されている。そのためか、z-indexやborder、text-alignなどいつくかのスタイルが無視される。特に困るのがz-indexで、JavaScriptでdivタグをドラッグで移動できるようにした場合、ページ内にselectタグがあると、selectタグだけがz-indexを無視して一番上に表示されてしまう。 selectタグがz-indexを無視するサンプル Opera9、Firefox2では正しく表示される。 IE7ではz-indexの扱いは正しくなっているが、borderやtext-alignは利かない。このz-indexのバグはiframeタグを使って解決することができる。 iframeタグは、selectタグよりも高いz-indexが設定されていれば、selectタグよりも上に表示