要素の表示or非表示
2014/07/02
今まで要素の表示or非表示をCSSで操作する際、
display:none; //非表示
display:block; //表示
を使用していた。
ただ、visibility(ビジビリティ)というものもあるみたい。
■参考サイト
http://www.htmq.com/style/visibility.shtml
visibility:hidden; //非表示
visibility:visible; //表示
■違い
・display
要素自体がなくなってしまう。
画像を3つ横に並べた場合、どれか一つを
display:none;にすると、要素が無かったことになり
間が詰められる。
・visibility
視覚的な表示or非表示のみとなるので、
間は詰められない。
関連記事
-
-
jQueryにて何らかの処理中にブラウザをロックする「waitMe」プラグインの利用方法
jQueryにて何らかの処理中、ユーザーによるクリックや入力等の動作を防ぎたい。 ...
-
-
Lightboxで画像拡大時に文字タイトルとリンクをつける
lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...
-
-
「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法
slickプラグインで画像スライダーを設置しているページがあり、PCのブラウザ幅 ...
-
-
tableタグでスクロール時にヘッダーを残して表示する方法(jquery-decapitate)
テーブルタグ内で縦にスクロールした際にテーブルヘッダー部分は表示させたままテーブ ...
-
-
jQueryにて複数のajax処理のレスポンスをまとめて表示する方法
同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...