不能触发点击方法的原因之一：点击样式不在上层

做项目时遇到一个问题：某方法在其它样式中能正常使用，却在关闭样式中不能触发（没有调用该方法），如下图：

  下面是代码

<alert-dialog ref="alertDialog">
	<view slot="content" class="content-box">
		<view class="iconfont icon-guanbi" @click="closeDialog()"></view>
		<view class="title-box">
			<view class="title">温馨提示</view>
		</view>
		<view class="info" @click="closeDialog()">尊敬的客户，春节临近，家政服务订单爆满，具体的服务时间客服和您沟通为准，给您带来不便，敬请谅解！</view>
	</view>
	<view slot="confirm"></view>
</alert-dialog>

解决方法：后来发现是关闭的样式并不是在最上层，所以把关闭样式弄到最上层就行了。

设置 style 中 z-index:auto
auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index: 9999

若定义为-1，代表为最底层。

修改后的关闭样式代码：

.iconfont {
	color: #FFFFFF;
	font-size: 36rpx;
	position: absolute;
	right: 5%;
	top: 5%;
	z-index: 9999;
}