2022-03-01 CSS方式隐藏页面元素

news/2024/7/24 13:03:35 标签: css
  • opacity: 0:本质上是将元素的透明度将为0,就看起来隐藏了,但是依然占据空间且可以交互
  • visibility: hidden:与上一个方法类似的效果,占据空间,但是不可以交互了
  • overflow: hidden:这个只隐藏元素溢出的部分,但是占据空间且不可交互
  • display: none:这个是彻底隐藏了元素,元素从文档流中消失,既不占据空间也不交互,也不影响布局
  • z-index: -9999:原理是将层级放到底部,这样就被覆盖了,看起来隐藏了
  • transform: scale(0, 0):平面变换,将元素缩放为0,但是依然占据空间,但不可交互

http://www.niftyadmin.cn/n/890445.html

相关文章

2022-03-02 模块化

模块化开发在现代开发中已是必不可少的一部分,它大大提高了项目的可维护、可拓展和可协作性。通常,我们在浏览器中使用 ES6 的模块化支持,在 Node 中使用 commonjs 的模块化支持。 分类 es6:import / exportcommonjs&#xff1a…

2022-03-03 Vue 重置 data

使用 Object.assign()vm.$data 可以获取当前状态下的 datavm.$options.data(this) 可以获取到组件初始化状态下的 dataObject.assign(this.$data, this.$options.data(this))

2022-03-04 购买阿里云服务器ECS搭建个人网站

基础配置 付费模式:包年包月地域及可用区:华南3(广州)实例规格:突发性能实例 t6镜像:公共镜像 CentOS 7.4 64位存储:高效云盘 20GiB 网络和安全组 网络:默认专有网络带宽计费模式…

2022-03-05 使用 putty 远程连接阿里云服务器

打开 putty,在光标处输入云服务器ECS实例的公网IP地址,点击 Open输入云服务器的登录名 root 及自定义的登录密码进入宝塔面板官网,选择 Linux 版,立即安装,复制 Centos 安装命令到 putty 远程连接工具窗口安装安装完成…

2022-03-06 宝塔面板部署 vue+node 项目

打开宝塔面板,在软件商店中搜索安装 Nginx、MySQL 和 PM2管理器点击左侧导航的 文件,进入到 /www/wwwroot 目录,将后端项目文件夹中的 node_modules 文件夹删除后,上传后端项目文件夹到此处进入上传的后端项目文件夹,点…

2022-03-07 JavaScript 中返回值为 undefined 的情况

访问声明,但是没有初始化的变量访问不存在的属性访问函数的参数没有被显式地传递值访问任何被设置为 undefined 值的变量没有定义 return 的函数隐式返回函数 return 没有显式地返回任何内容

2022-03-08 判断两个对象相等

判断两个对象是否指向同一内存使用 Object.getOwnPropertyNames 获取对象所有键名数组判断两个对象的键名数组是否相等遍历键名,判断键值是否都相等

2022-03-09 src 和 href 的区别

src(source)指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档中,如 JavaScript 脚本,img 图片和 iframe 等元素;当浏览器解…