Làm thế nào để làm cho một div vô hình mà không bình luận nó ra?

Question

Có thể làm cho một div vô hình mà không bình luận nó ra? Nếu vậy, làm thế nào?

Answer 1

Bạn cần phải che giấu điều đó với CSS:

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

Nếu nó là một div đặc biệt với lớp hoặc id nào đó, bạn có thể ẩn nó thích:

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

CSS:

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

Hoặc

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

CSS:

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

Lưu ý: Bạn cần phải quấn tyles CSS ở giữa <style type="text/css"></style> thẻ, ví dụ:

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

More Information :)

Answer 2

Dễ dàng. Điều duy nhất bạn cần là, thêm một phong cách với nó, như sau ví dụ cho thấy:

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 này, và nó nội dung đó chắc chắn không hiển thị và nó sẽ không làm phiền các yếu tố xung quanh.

Answer 3

Bạn có thể làm điều này bằng phong cách inline

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

hoặc bằng cách định nghĩa CSS Style như Trong css thêm

.HideableDiv{display:none;} 

và trong HTML của bạn viết

<div class="HideableDiv" ></div> 

Answer 4

position: absolute; 
left: -99999px; /* big number */ 

sẽ làm cho tiếp ent có thể truy cập được với hầu hết các trình đọc màn hình nhưng sẽ hiển thị phần tử ngoài màn hình.

Answer 5

nếu bạn muốn nó được về cơ bản đi từ cách bố trí của bạn:

.element_class { 
display:none; 
} 

nếu bạn muốn chỉ cần làm cho nó vô hình (nhưng vẫn giữ nó là không gian dường như trống rỗng)

.element_class { 
visibility: hidden; 
} 

và sau đó bạn phần tử (nếu div) sẽ trông giống như sau:

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

về cơ bản mọi thứ bạn thêm lớp = "el ement_class "sẽ ẩn hoặc ẩn hoàn toàn.

Answer 6

Có thể, nó không phải là giải pháp cần thiết, nhưng bạn có thể giải quyết loại vấn đề này bằng những mẹo nhỏ này.

Bạn có thể sử dụng jQuery để đạt được giải pháp. Nếu bạn muốn hoàn toàn ẩn/hiển thị các div, sau đó bạn có thể sử dụng:

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

Hoặc nếu bạn muốn điều đó div của bạn trở nên vô hình và nó vẫn còn tồn tại ở trang, sau đó bạn có thể sử dụng thủ thuật hiệu quả:

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