如何在不发表评论的情况下让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

回答