• 有哪些方式(css)可以隐藏页面元素


    • opacity : 0;本质上是把元素的透明度设为0,这样看起来就把元素元素隐藏了,但是仍然占据着空间,且可以进行交互
    • visiblity : hidden;与上一个方法效果类似, 占据空间,但是不可以交互
    • overflow : hidden ; 这个只是隐藏了元素溢出的部分,但是占据空间且不可交互
    • display : none ; 这是彻底隐藏元素,元素从文档流中消失,既不占用空间,也不影响布局
    • z-index : 999 ; 原理是将层级置于最下面,这样就被其他元素覆盖了,看起来隐藏
    • transform : scale(0,0) ; 平面交换。将元素缩放为0,但是仍然占据空间,但不可交互
    • 通过绝对定位移到可视区域外
    • clip-pathj进行裁剪
    • 块级元素宽高为0
  • 相关阅读:
    pat 1034 Head of a Gang (30分)
    pta坑点
    Devc++ 编译 c++11
    Invitation Cards dijkstra法
    Cube Stacking
    畅通工程
    蚂蚁上树
    洛谷 P1439 【模板】最长公共子序列
    Recursive sequence
    A Simple Math Problem
  • 原文地址:https://www.cnblogs.com/mwxz/p/14109994.html
Copyright © 2020-2023  润新知