学习
实践
活动
专区
工具
TVP
写文章
  • 广告
    关闭

    【玩转 GPU】有奖征文

    精美礼品等你拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    display:none和visibility:hidden的区别

    空间占据上的区别 如果用文字来描述,简单一句话就是display:none的元素是彻底消失,也就是说该元素的宽度、高度等各种属性值都将“丢失”,不在文档流中占位,浏览器也不会解析该元素;而visibility 因此,我们可以知道display:none的元素隐藏后不占据额外空间,状态切换会产生回流和重绘,而visibility:hidden的元素虽然隐藏了,但它们仍然占据着空间,它的状态切换只会引起页面重绘。 background: #ccc; margin-top: 10px; } .div1 { display: none hidden; } </style> <body>

    pointer-events:none禁用鼠标事件

    pointer-events:none 如下a标签通过pointer-events:none可以禁用鼠标事件。 简书 .pointer-none{ pointer-events:none } 去掉href 使用上面代码后元素仍然能够被选中,而且通过tab选中元素以后点击回车能够触发页面的跳转,这时我们可以通过a标签不加herf属性用来禁用tab选中 简书 .pointer-none{ pointer-events:none }

    63131

    关注

    腾讯云开发者公众号
    10元无门槛代金券
    洞察腾讯核心技术
    剖析业界实践案例
    腾讯云开发者公众号二维码

    相关产品

    • 号码认证

      号码认证

      腾讯云号码认证(NVS)集成了三大运营商特有的网关取号、验证能力,自动通过底层数据网关和短信网关识别本机号码,在不泄漏用户信息的前提下,安全、快速地验证用户身份。NVS提供一键登录、本机校验两大功能,实现一键免密注册、登录、校验,可提升用户使用体验。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注腾讯云开发者

      领取腾讯云代金券