<div onclick="this.style.display = 'none'">disply</div>
<div onclick="this.style.visibility = 'hidden'">visibility</div>
<div>block</div>
<ul>
<li onclick="this.style.display = 'none'">disply</li>
<li onclick="this.style.visibility = 'hidden'">visibility</li>
<li>block</li>
</ul>
<div onclick="this.style.visibility = 'hidden'">visibility</div>
<div>block</div>
<ul>
<li onclick="this.style.display = 'none'">disply</li>
<li onclick="this.style.visibility = 'hidden'">visibility</li>
<li>block</li>
</ul>
visibility 속성을 hidden으로 지정할 경우 해당 Element만큼 여백으로 남겨 흔적을 남기게 됩니다.
display 속성값을 none으로 지정했을 경우 visibility:hidden과 달리 흔적도 남기지 않습니다. ㅎㅎ
참고링크 #1 http://www.w3.org/TR/CSS21/visuren.html#propdef-display
참고링크 #2 http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility
'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글
| 애용하는 CSS Hack 2가지. (4) | 2008/01/23 |
|---|---|
| IE7 Debugger (0) | 2008/01/15 |
| CSS visibility vs display (0) | 2008/01/03 |
| IE에서 fieldset bgcolor줄 경우 bgcolor가 legend까지 넘어가는 문제 (0) | 2007/12/28 |
| CSS Position relative 와 absolute 함께 상대적 절대 포지셔닝하기 (6) | 2007/12/28 |
| IE 7 에서 dt, dd 좌측여백이 생기는 문제 (2) | 2007/12/27 |
댓글을 달아 주세요