2017-06-05 IOS开发两个CSS问题，导致样式失效【box-shadow position:fixed】

今天开发的时候遇到的。
有时候我们需要高亮某个区域，很多人用两层div去做，而我比较喜欢直接的box-shadow，半径超大。。。

问题A:box-shadow 被遮挡，显示不全
出现原因：不告诉你
解决办法:改为 -webkit-box-shadow 同时z-index设计比较大的数字

问题B：box-shadow 失效
出现原因：box-shadow中第4个参数值临界值为 1008
解决办法:都说了临界值为1008，你咋不改小点啊。
格式:(加粗区域为所说的临界值对应区域)

box-shadow 0px 0px 0px **1008**px

问题C:父子fixed，父div位置正常，子div不被渲染。
出现原因:也不告诉你
解决方法:见下文

例子:

<div style="position:fixed;top:50px">  
    what the f**k(自带敏感词屏蔽)  
    <div style="position:fixed;top:0px">hello</div>  
</div>

此时hello并不会显示，其他平台显示正常。但是如果hello具有点击事件，此时点击顶部依然能够触发事件。
这么奇葩的我还是第一次遇到，可能有人会说这么奇葩的代码你能写出来我也是第一次遇到。
每个人总会偶尔写错一些代码，如上代码其实正常来说是：

<div style="position:fixed;top:0px">hello</div>  
<div style="position:fixed;top:50px">  
    what the f**k(自带敏感词屏蔽)  
</div>

因此出现这个问题的你们，应该会处理了吧？