要素の表示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画像ビューア(Fotorama)
タブレット＆スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...
-
-
日付の範囲指定用プラグイン「DateRangePicker」の利用方法
日付型のデータを検索する際に開始・終了日のテキストボックスを用意し、それぞれにタ ...
-
-
pjaxについてのメモ
ずっと気になっていたpjaxについてのメモ。 ■参考サイト http://chi ...
-
-
jQueryで後から追加された要素にイベントを設定
jQueryで.html()等を使って追加した要素に対してイベントを設定したかっ ...
-
-
JavaScriptのbeforeunloadイベントでページの離脱防止
何らかのformがあるページで各種内容を入力後に何らかのリンクをクリックする等、 ...