如何在不發表評論的情況下讓div無形？

是否有可能在沒有評論的情況下將div變爲隱形？如果是這樣，怎麼樣？如何在不發表評論的情況下讓div無形？

2010-06-12 Mubeen

爲什麼你想要一個你不想顯示的div？此信息可能對答案有幫助。 – 2010-06-12 08:58:38

@Taz：這很好，但我只是接着選擇了什麼。只有OP知道他是否真的需要將它們全部刪除或隱藏起來供以後檢索。 – Sarfraz 2010-06-12 09:02:42

你需要隱藏與CSS：

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

如果是某一類或ID特定的div，你可以將其隱藏，如：

<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; 
}

注：你需要用CSS tyles在標籤<style type="text/css"></style>之間，例如：

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

2010-06-12 08:30:51 Sarfraz

我編輯了你的文章兩次，以解決你的'div.div_id_name'錯字，每次你編輯它：P ...我放棄：P – Matt 2010-06-12 08:37:38

@Matt：是的，沒有注意到在複製從類示例中提取。更新。謝謝:) – Sarfraz 2010-06-12 08:42:14

它的簡單。你唯一需要的是，添加的樣式，像下面的例子顯示：

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，它的內容也絕對不顯示，它不會打擾周圍的元素。

2010-06-12 08:33:32

您可以通過內嵌樣式做

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

或通過定義像 CSS樣式在CSS中添加

.HideableDiv{display:none;}

，並在你的HTML寫

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

2010-06-12 08:49:41

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

將繼續對大多數屏幕閱讀器都是可訪問的，但會將元素呈現在屏幕外。如果你想從你的佈局基本消失

2010-06-13 17:58:56

會不會瀏覽器仍然渲染它的想法？使用「顯示：無」是一個更好，更容易混淆的方法 – Stefan 2010-06-14 08:17:38

爲什麼投下了投票？僅僅因爲你可能認爲這很令人困惑，並不意味着我的建議不好或者沒有幫助。事實上，當你處理可訪問性時，這是一個衆所周知的標準方法。取決於*爲什麼要隱藏信息，信息是什麼以及設置了多高，我的建議實際上會優先顯示：無。 – 2010-06-14 17:19:17

對不起，我想我誤解了downvote的目的。原諒我？ – Stefan 2010-06-15 06:03:21

：

.element_class { 
display:none; 
}

如果你想只讓看不見的（但仍保持它的空間看似空無一）

.element_class { 
visibility: hidden; 
}

，然後你

元素（如果div）看起來像這樣：

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

基本上任何你添加class =「el ement_class「將不可見或完全隱藏。

2010-06-13 20:53:59 Jubair

可能是，它不是所需的解決方案，但您可以通過這些小技巧來解決這類問題。

您可以使用jQuery來實現該解決方案。如果你想完全隱藏/顯示div，那麼你可以使用：

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

或者，如果你想你的DIV成爲無形的，它在頁面仍然存在，那麼你可以使用有效的絕招：

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

2017-01-25 05:13:48

回答