要素の表示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でformの各種パーツ(テキストボックス等)の操作まとめ
jQueryでフォームのセレクトメニューやラジオボタン等、各種パーツを操作するこ ...
-
-
さくらのレンタルサーバでCookieが正常に保存できない場合の対応方法
さくらインターネットのレンタルサーバでjquery.cookie.jsを用いてC ...
-
-
jQueryのプラグイン(ColorPicker)でカラーコードを視覚的に選択させる方法
カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...
-
-
jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について
日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...
-
-
Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)
やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...