元素隐藏显示问题

Question

1 一个erp里有多个表单 出库 入库 商品 规格 联系人 之类的 一堆表单2 点击 出库 入库 商品 这3个表单的时候 会弹出 一个悬浮层展示详细信息， 悬浮层出来以后 点击除了出库 入库 商品这三个表单和悬浮层本身以外的任何地方都把悬浮层隐藏掉？请问如何做？

Answer 1

你这个涉及到js和css
css悬浮层: opacity:0; position: fixed;
js:
弹出悬浮层：点击相应表单的时候，给相应按钮添加事件，改变样式opacity:1;
悬浮层本身阻止冒泡
给window添加事件：改变样式opacity:0;