勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

要素の表示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非表示のみとなるので、

間は詰められない。

 - CSS, jQuery

  関連記事

jquery_logo
jquery.snipeの使い方

使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...

jquery_logo
Ajaxでボタンとテキストボックス操作

ボタンを押して「https://aaa/bbb/ajax.php」からの 返答を ...

other
firebugでCSSパスをコピー

要素を調査⇒右クリック⇒CSSパスをコピーできる。 jQueryでのセレクタ指定 ...

jquery_logo
日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

jquery_logo
画像をつなぎ合わせて360度ビューの様に見せるjQueryプラグイン

3Dデータではなく、コマ送りになっている2D画像を用いて360度ビューの様に見せ ...

jquery_logo
jQueryの最新バージョン呼び出しとバージョン確認

<script type="text/javascript" src="h ...

jquery_logo
スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

images
スクロールしても追尾する要素をCSSで作成

コンテンツ内をスクロールしても追尾してくる要素を作成したかった。以前にMeeka ...

jquery_logo
配列をjQueryで取り扱う

やりたかった事は、 ・テキストボックスが複数ある。そのページに送信するクエリによ ...

images
CSSでプロパティの初期化

CSSでmedia screen and等を指定し、特定の場合のみプロパティの無 ...