点击盒子之外的地方隐藏盒子（类似弹层）

weixin_44204426

于 2021-08-03 17:57:21 发布

阅读量786

点赞数

CC 4.0 BY-SA版权

文章标签： css

本文介绍了如何使用CSS实现点击页面除盒子以外的区域来隐藏盒子，达到弹层效果。以微信小程序为例，展示了WXML和WXSS的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、实现思路
使用蒙层，点击蒙层，使盒子隐藏
二、demo(以微信小程序为例)
pages/test/test.wxml:

<view class="mask" bindtap="hHide">
  <view class="inner" wx:if="{
   
   { show }}">
    123
  </view>
<

200万优质内容无限畅学

点击盒子之外的地方 隐藏盒子（类似弹层）