iOS Safari blur无法触发实例页面

效果：

focus me显示下拉

下拉浮层

//zxx:上面浮层出现后，点击空白不会消失

//zxx: 点击上面按钮给容器增加tabindex=-1，然后再点击页面空白试试

代码：

CSS代码：

.drop-panel {
    display: none;
    position: absolute;    
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 12px 20px;
}
:focus + .drop-panel {
    display: block;
}

HTML代码：

<a href="javascript:" tabindex="0">focus me显示下拉</a>
<div class="drop-panel">下拉浮层</div>

<button onClick="main.tabIndex=-1">点击我</button>