2010-06-12 6 views
24

div를 주석 처리하지 않고 보이지 않게 할 수 있습니까? 그렇다면 어떻게? 이처럼 특정 클래스 또는 ID로 특정 사업부 인 경우div를 주석 처리하지 않고 보이지 않게 만드는 방법은 무엇입니까?

div {     /* this will hide all divs on the page */ 
    display:none; 
} 

, 당신은 숨길 수 :

+0

왜 표시하고 싶지 않은 div를 원하십니까? 이 정보는 대답에 도움이 될 수 있습니다. –

+0

@ Taz : 좋은 지적이지만, 나는 대체 무엇인가를 계속했다. 영업 담당자 만이 정말로 그 (것)들을 전부 삭제해야하는지 또는 추후 검색을 위해 숨길 지 여부를 안다. – Sarfraz

답변

28

당신은 CSS와 것을 숨길 필요가

<div class="div_class_name">Some Content</div> 

CSS :

div.div_class_name {  /* this will hide div with class div_class_name */ 
    display:none; 
} 

또는

<div id="div_id_name">Some Content</div> 

CSS :

div#div_id_name {  /* this will hide div with id div_id_name */ 
    display:none; 
} 

참고 : 당신은 <style type="text/css"></style> 사이의 태그에 CSS의 tyles을 래핑하는 예를 필요

<style type="text/css"> 
    div#div_id_name { 
    display:none; 
    } 
</style> 

More Information :)

+3

나는'div.div_id_name' 오타를 수정하기 위해 게시물을 두 번 편집했고, 편집을 할 때마다 : P ... 포기 : P – Matt

+0

@Matt : 네, 맞습니다. - 클래스 예제에서 붙여 넣기. 업데이트 됨. 고마워 :) – Sarfraz

8

그것의 쉬운. 당신이 필요로하는 유일한 것은, 예를 들어 다음과 같이, 그것은에 스타일을 추가하는 것은 보여줍니다

CSS :

<style type="text/css"> 
    div.myInvisibleDiv { 
     overflow: hidden; 
     visibility: hidden; 
     height: 0; 
     width: 0; 
    } 
</style> 

HTML :

<div class="myInvisibleDiv"><p>My invisible content</p></div> 

이 DIV, 그것은 확실히 내용이 표시되지 않습니다 , 주변 요소를 방해하지 않습니다.

11

당신은

또는 CSS에서 처럼 CSS 스타일을 정의하여

<div style="display:none"></div> 
작성

.HideableDiv{display:none;} 

을 추가하고 HTML에 인라인 스타일이 작업을 수행 할 수 있습니다

<div class="HideableDiv" ></div> 
0
position: absolute; 
left: -99999px; /* big number */ 

계속 진행할 것이다. 대부분의 화면 판독기에 액세스 할 수 있지만 요소가 화면에 표시되지 않습니다.

+0

브라우저가 아직 그것을 렌더링해야하지 않을까요? "display : none"을 사용하는 것이 훨씬 더 쉽고 혼동을 줄이는 방법입니다. – Stefan

+0

왜 투표가 실패합니까? 혼란 스럽다고 생각한다고해서 제 제안이 좋지 않거나 도움이되지 않는다는 것을 의미하지는 않습니다. 사실 접근성을 다룰 때 잘 알려진 표준 방법입니다. * 왜 * 정보를 숨기고 싶은지, 정보가 무엇인지, 막대를 얼마나 높이 놓았는지에 따라 실제로 내 제안을 표시하는 것이 바람직합니다. –

+0

죄송합니다, 나는 downvote의 목적을 오해 한 것 같습니다. 용서 해줘? – Stefan

4

당신이 기본적으로 레이아웃에서 사라질하려는 경우 :

.element_class { 
display:none; 
} 

당신은 그냥 눈에 보이지 않는 다음을

.element_class { 
visibility: hidden; 
} 

과 (그러나 여전히 겉으로는 빈 공간의 유지) 만들고 싶어 요소 (div 인 경우)는 다음과 같습니다.

<div class="element_class"></div> 

기본적으로 class = "el ement_class "가 보이지 않거나 완전히 숨겨집니다.

0

이 솔루션은 필수 솔루션이 아니지만 이러한 종류의 문제를 해결할 수 있습니다.

jQuery을 사용하여 솔루션을 얻을 수 있습니다.

$('#my_element').show() 
$('#my_element').hide() 

을 또는 당신이 당신의 사업부가 보이지 않게하고 여전히 페이지에 존재하는 것을 원하는 경우에, 당신은 효율적인 트릭을 사용할 수 있습니다 : 당신이 완전히 div을 표시/숨기기 할 경우에, 당신은 사용할 수 있습니다

$('#my_element').css('opacity', '0.0'); // invisible Maximum 
$('#my_element').css('opacity', '1.0'); // visible maximum 
관련 문제