当前位置: 首页 > article >正文

通过css的哪些方式可以实现隐藏页面上的元素?

1:opacity:0    通过将元素的透明度设置为o,实现隐藏效果,但是依然会占用空间并可以进行交互。

2:visibility:hidden  与透明度度为0的方案类似,会占据空间,但不可以进行交互。

3:Overflow:hidden  只会隐藏元素溢出的部分,占据空间不可交互。

4:Display:none. 可以彻底隐藏元素并从文档流消失,不占据空间也不能交互,👎不影响布局。

5:Z-index:-99999  将元素的层级设置为最底层,让其他元素覆盖着它,达到看起来隐藏的效果,

6:Transform:scale(0,0) 通过将元素进行缩放,缩小为0,依然会占据空间,但不可交互。

7:Left: -9999px 通过将元素定位到屏幕外面,达到看不到的效果。


http://www.kler.cn/a/395772.html

相关文章:

  • windows NGIMX配置WebSocket反向代理
  • 跟着尚硅谷学vue2—基础篇4.0
  • 2分钟在阿里云ECS控制台部署个人应用(图文示例)
  • 【FFmpeg】FFmpeg 函数简介 ③ ( 编解码相关函数 | FFmpeg 源码地址 | FFmpeg 解码器相关 结构体 和 函数 )
  • 自由学习记录(21)
  • Mysql数据库里的SSH连接
  • spark的学习-05
  • Java中的集合类与线程安全的讨论
  • ETLCloud支持的数据处理类型包括哪些?
  • ubuntu docker里面安装Omniverse Launcher不能登陆
  • 【Elasticsearch】01-ES安装
  • node对接ChatGpt的流式输出的配置
  • Apache Doris:深度优化与最佳实践
  • Dev C++ 无法使用to_string方法的解决
  • shell编程(2)永久环境变量和字符串显位
  • 利用云计算实现高效的数据备份与恢复策略
  • 使用 DBSCAN(基于密度的聚类算法) 对二维数据进行聚类分析
  • Spring基础之——控制反转(IOC)、依赖注入(DI)与切面编程(AOP)概念详解(适合小白,初学者必看)
  • 问:数据库的六种锁机制实践总结?
  • C语言,用最小二乘法实现一个回归模型
  • (附项目源码)Java开发语言,211 springboot 在线问诊系统的设计与实现,计算机毕设程序开发+文案(LW+PPT)
  • 谷歌Gemini发布iOS版App,live语音聊天免费用!
  • 基于微信小程序的乡村研学游平台设计与实现,LW+源码+讲解
  • 科锐国际,蓝禾,汤臣倍健,三七互娱,GE医疗,得物,顺丰,快手,途游游戏25秋招内推
  • 14天Java基础学习——第6天:面向对象编程(类与对象)
  • 实验1-1 顺序表的基本操作