仅使用CSS隐藏Div

韦尔普兹

只有单击链接时,才可以用CSS隐藏div。我正在制作一个需要在没有JS时才能关闭的弹出窗口。我尝试了各种方法,但是当按钮位于需要隐藏的div内时,它们却没有起作用。

缺口

当按钮位于需要隐藏的div内时。

简短答案:不,当按钮位于元素内部时,您将无法实现此目的。 谢谢约瑟夫·马里克尔

但是,当按钮在div之外时,您可以实现此目的。

#hide {
  display: none;
}
label {
  cursor: pointer;
  text-decoration: underline;
}
#hide:checked ~ #randomDiv {
  display: none;
}
<input type="checkbox" id="hide" />


<div id="randomDiv">
  This is a div
  <label for="hide">Hide div</label>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用CSS仅隐藏Div的底部阴影

来自分类Dev

如何仅显示具有ID的div,而仅使用CSS隐藏其他div

来自分类Dev

仅使用内嵌 CSS 隐藏/显示 CSS

来自分类Dev

仅使用CSS创建选项卡,但某些输入隐藏在两个div下

来自分类Dev

仅使用CSS如何显示固定高度div内图像的隐藏部分?

来自分类Dev

仅使用CSS我只需要在1页上隐藏DIV

来自分类Dev

过渡后仅使用CSS隐藏元素

来自分类Dev

仅使用CSS淡出后隐藏元素

来自分类Dev

显示:before但仅使用CSS隐藏元素

来自分类Dev

仅CSS,显示隐藏的div,显示隐藏的div后,隐藏“显示”链接

来自分类Dev

使用CSS在div中隐藏div元素

来自分类Dev

使用关闭按钮jQuery仅与关联的div隐藏div

来自分类Dev

如何使用CSS显示和隐藏div?

来自分类Dev

使用CSS和JavaScript隐藏div

来自分类Dev

仅显示一个div并使用索引隐藏其余的

来自分类Dev

仅显示一个div并使用索引隐藏其余的

来自分类Dev

如何仅使用CSS隐藏未被标签包装的内容?

来自分类Dev

如何仅使用CSS隐藏未被标签包装的内容?

来自分类Dev

使用内部CSS仅隐藏帐户部分

来自分类Dev

仅使用CSS包装或并排的div布局

来自分类Dev

仅使用 css 更改 div 元素的颜色

来自分类Dev

需要仅使用 CSS 向下推 div

来自分类Dev

img仅隐藏div的背景?

来自分类Dev

隐藏CSS div溢出

来自分类Dev

单击外部的任何位置时,显示/隐藏div关闭(仅CSS)

来自分类Dev

当屏幕仅通过html / CSS缩小时如何隐藏div块?

来自分类Dev

悬停时的css或jquery仅显示当前div的隐藏子元素

来自分类Dev

<div>部分仅通过单击html / css即可触发显示/隐藏内容

来自分类Dev

仅当动态插入某个div时,才使用jQuery显示隐藏的div

Related 相关文章

热门标签

归档