| ■63083 / inTopicNo.2) | Re[1]: visibility hiddenとdisplay none |
| 2011/11/19(Sat) 00:15:12 編集(投稿者) 2011/11/19(Sat) 00:15:09 編集(投稿者) めー さんこんばんは、おのでらです。 > display:none > visibility:hidden > このへんの使い分けがわからなくなってきました、、、 実際に書いてみるとわかると思いますが、「visibility:hidden」の場合、要素の見た目が消えるだけでもともとあった要素の場所は空白になります。「display:none」の場合は要素が見えなくなり、また下にある要素が display:none のあった場所まで詰められます。 文章じゃわかりにくいのでためしに <body> <div style="background-color:red">あああ</div> <div style="display:none">あああ</div> <div style="background-color:red">あああ</div> <div style="background-color:red">あああ</div> <div style="visibility:hidden">あああ</div> <div style="background-color:red">あああ</div> </body> こんな感じのものを Web ブラウザで見てみると違いがわかると思います。 ちなみにどちらもタグとしては残るので、javascript などでアクセスすることは可能です。 > visible=false 多分 ASP.NET の Web コントロールのプロパティのことを指しているのかと思いますが、false を指定した場合タグとして出力されないのでちょっと注意が必要です。 |