harada
CSSで背景画像を全画面表示にする
通常は背景画像のサイズが表示範囲よりも大きいと、カットされて表示されてしまいますが下記のようにCSSを指定することで表示範囲いっぱいに縮小して表示することが可能です。表示サンプルはこちら CSS div.cover { …IE7でもinline-blockを使う
IE7ではinline-blockが効きませんので、IE7にも対応させたい場合CSSを下記のように指定する必要があります。その他細かい調整はIE7用ハックの*:first-child+html{~}ハックを使うことで対応…Bootstrapのグリッドシステムで合計が12カラム未満の時にspan*のdivを真ん中寄せするCSS
合計数が12カラム未満の場合、divは左寄せになってしまいますがそれを真ん中寄せにしたい時の対応です。span*とは別のクラスに設定するといいと思います。 .inlineBox { display: inline-blo…jQueryで画面サイズによって処理内容を変える
レスポンシブなサイトを作っているときなどに役に立ちそうですね。 $(window).resize(function(){ var w = $(window).width(); var x = 568; if (w <…Bootstrapのポップオーバー（Popovers）でコンテンツに触れている間はhover状態をキープする
デフォルトのままですと、ポップオーバーのtriggerをhoverにした場合、ポップオーバー内にリンクを設置しても、カーソルを移動した途端にポップオーバーが閉じてしまってクリックできません。そこで下記のように記述すること…Bootstrapのポップオーバー（Popovers）で一つ開いたら他のを閉じる処理
デフォルトのままで複数設置してポップオーバーを開いていくとすべて開きっぱなしになってしまうため、下記を加える事で常に一つだけが開くようになります。 $(“[data-toggle=popover]”).popover()…背景は透過したいがその上にのっている要素は透過させたくない
CSS3から追加されたRGBaという色指定を使うことで可能です。表示サンプルはこちら CSS background-color:rgba(255,255,255,0.5); RGBa形式への変換はこちらのフォームが便利そ…