Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何修改CSS的可见性：隐藏与显示？

问如何修改CSS的可见性：隐藏与显示？

提问于 2018-01-25 15:46:37

回答 2关注 0查看 204

哪个CSS属性最适合这样做？

.passive1{
   display:none
}

.passive2{
    visibility:hidden;
}

.passive3{
    opacity:0;
}

回答 2

墨莫末沫陌魔

发布于 2018-01-26 01:25:27

可以尝试下面这些属性：

+--------------------+----------------+-----------------+
| Property           | occupies space | consumes clicks |
+--------------------+----------------+-----------------+
| opacity: 0         |        ✓       |        ✓        |
+--------------------+----------------+-----------------+
| visibility: hidden |        ✓       |        ✗        |
+--------------------+----------------+-----------------+
| display: none      |        ✗       |        ✗        |
+--------------------+----------------+-----------------+

✓: yes
✗: no

镜花破晓

发布于 2018-01-26 00:20:46

display:none

可能需要使用canvas或SVG来获得更好的性能。

和开发者交流更多问题细节吧，去写回答

相关文章

[Web] CSS 中 Display(显示) 与 Visibility（可见性）的区别与用法

display hidden visibility

如果你想隐藏一个元素可以通过把display属性设置为”none”，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。

泰坦HW

2020/07/22

2.3K0

【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )

css 容器 display 对象语法

设置 display: block 可以显示元素 , 同时该样式还可以将元素转为块元素 ;

韩曙亮

2023/04/16

6.2K0

【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )

【CSS】元素的显示与隐藏 display visibility overflow 属性区别

block display hidden overflow visibility

display：none 此元素不会被显示。 display：block 此元素将显示为块级元素，此元素前后会带有换行符。

梦溪

2021/08/19

2.6K0

[1097]DIV的显示与隐藏

block display hidden visibility

*********************div的显示和隐藏************************************

周小董

2022/04/13

6.1K0

元素的显示与隐藏

display hidden overflow scroll visibility

在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。

星辰_大海

2020/09/30

4.9K0

Mac 文件的隐藏与显示

shell zsh 终端

让 Finder 显示隐藏文件和文件夹基本显示 $ defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder 隐藏 $ defaults write com.apple.finder AppleShowAllFiles -boolean false ; killall Finder 进阶创建终端快捷命令在 zsh shell 下，创建快捷命令创建显示命令 fd （fileDisplay） $ e

零式的天空

2022/03/24

1.5K0

[CSS]JQuery 操作CSS使DIV显示或者隐藏

在某些需求中，你需要点击按钮显示某个div，并隐藏已经显示的按钮。同时点击另外一个按钮，又会隐藏已经显示的，并显示已经影藏的。当然当你使用mvvm框架（vue，react之类的）的框架的时候是不存在这些问题的。显然，当你翻到我这个博客的时候是没有用vue之类的，因此，你只要看我下面的代码就好了

用户2353021

2020/05/11

4.7K0

前端课程——显示与隐藏

容器 javascript c++

参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display

Dreamy.TZK

2020/04/09

3.2K0

如何实现密码的显示和隐藏？

jquery button text 登录原理

如图所示，我们在登录账号的时候经常会看到密码的显示和隐藏是可以进行切换的，那么到底怎么实现这个功能呢？

用户7656790

2020/12/14

6.5K0

【jQuery动画】显示与隐藏效果

jquery css html 腾讯云开发者社区

在网页开发中，适当地使用动画可以使页面更加美观，进而增强用户体验。jQuery中内置了一系列方法用于实现动画，当这些方法不能满足实际要求时，用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~

颜颜yan_

2022/12/01

7.4K0

【jQuery动画】显示与隐藏效果

input切换显示与隐藏，歘~

input切换显示与隐藏，歘~ 如果你觉得自己被骗了，或者学习过后觉得动画过于浅显，请再信我一次 ? 来吧，展示： <!DOCTYPE html> <html lang="en"> <he

我不是费圆

2020/09/22

2.7K0

input切换显示与隐藏，歘~

隐藏与显示macos桌面文件

https 网络安全

文章目录方法1 方法2 视频 https://player.bilibili.com/player.html?aid=422087847 显示和隐藏macos桌面文件方法1 安装 $ brew

AI拉呱

2021/12/01

1.9K0

CSS 鼠标悬停图片，显示隐藏文本

我在 JavaScript 鼠标悬停图片，显示隐藏文本这篇博文当中实现了同样的效果，只不过是通过 JS 来实现的，但其实，通过 CSS 动画也能实现同样的效果，直接看代码吧

Nian糕

2018/08/21

9K1

CSS 鼠标悬停图片，显示隐藏文本

woocommerce如何隐藏/显示product meta

网站建设 html

　　前面我们说了woocommerce如何隐藏SKU，那如果不想显示产品分类category和标签tag呢？我们知道SKU, Category list 和 Tag list在woocommerce产品页中统称为产品product meta，下图红框所示。1、如果想全部隐藏这些meta很简单，在当前主题function.php文件中加入下面的代码即可

ytkah

2019/12/19

3.7K0

vc中实现控件的隐藏与显示

一、隐藏控件 CWnd *pWnd; pWnd = GetDlgItem(IDC_EDIT1); //获取控件指针，IDC_EDIT1为控件ID号 pWnd->ShowWindow( SW_HIDE ); //隐藏控件 2、显示控件 CWnd *pWnd; pWnd = GetDlgItem( IDC_EDIT1 ); //获取控件指针，IDC_EDIT为控件ID号 pW

_gongluck

2018/03/08

2.6K0

mac如何删除隐藏文件_如何显示系统隐藏文件

java https 网络安全

U盘和移动硬盘接入Mac时会产生.Trashes,.Spotlight-V100,.fseventsd等文件

全栈程序员站长

2022/09/20

3.9K0

axure菜单展开收起_css菜单栏的隐藏和显示

https 网络安全 java html

axure 9.0 版本在发布后HTML页面打开时总是在顶部弹出菜单既不美观也影响效果

全栈程序员站长

2022/09/23

3.1K0

axure菜单展开收起_css菜单栏的隐藏和显示

任务显示与隐藏，任务管理器中应用程序显示与隐藏，悬浮窗任务栏显示效果

https java 网络安全

1. 隐藏底部 “任务栏图标”和隐藏 “任务任务管理器——应用程序—任务” ModifyStyleEx(WS_EX_APPWINDOW,WS_EX_TOOLWINDOW);

全栈程序员站长

2021/12/06

1.7K0

QT应用编程: QSpacerItem(弹簧)隐藏与显示

qt ui win10 操作系统

一、环境介绍操作系统介绍：win10 64位 QT版本: 5.12.6 二、代码设置QSpacerItem隐藏与显示 UI设计界面上弹簧控件: 方法1: //显示弹簧控件代码 ui->horizontalSpacer->changeSize(100,20,QSizePolicy::Maximum); //设置尺寸与伸缩策略 ui->horizontalLayout->update(); //更新弹簧控件所在的布局器 //隐藏弹簧控件代码 ui->horizontalSpacer->change

DS小龙哥

2022/01/07

2.5K0

QT应用编程: QSpacerItem(弹簧)隐藏与显示

点击加载更多

相似问题

如何修改CSS的可见性：隐藏与显示？

2287

免费专区可修改配置？

1446

请问修改哪里，让矩阵可相乘？

030

申请合同，显示的甲方信息不对，如何修改？

1351

备案可修改为腾讯云其它服务器吗？

3548

相关问答用户

请输入您想邀请的人

穿过生命散发芬芳

某公司 | 程序员擅长1个领域

腾讯云TDP | 先锋会员擅长2个领域

我是基里安墨菲

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例