哪吒机器人提醒:

提醒:WEB前端开发
【标题】Mac Safari下Flash导致的z-index渲染问题
【摘要】作为苦逼技术男的我,从来没用过mac机,顶多用过ipad,见识过iphone(仰慕的摸摸同事的)。可是,可是!今天是个好日子。设计妹子用macbook发现了一个bug。yeah~~~~~妹子哦~macbook哦~给力哦~~然后苦逼的查啊查,查原因。现象是啥呢。页面上有个模态框(遮罩层是黑色半透)。模态框里面有个overflow-y:auto的带纵向滚动条的div。当滚动这个div的滚动条时,无论鼠标拖动,还是滚轮,还是点击箭头。模态框都会掉下去。就是上面的那层div会跑到半透的遮罩层下面(z-index属性没变化,但是层跑下去了)。然后立刻再回来。就是闪啊闪啊闪啊闪瞎了我的氪金狗眼。继续debug。。。。试过各种方式,现象知道,但是原因不明。此时妹子一句话:你把左下角的flash助手删掉看看。(因为此时我正在疯狂的删掉页面上我认为会引起此现象的各类东东。)感谢上帝。好了。不闪了。内牛满面啊t_t原因知道了,那就开始解决。新建一个css类。 .mac-flash-hide{visibility:hidden; }然后在js代码中加入mac safari的... (12-30 20:00)