图片标签z-index设置不起作用

问题：在页面上有一张图片，需要点击图片放大查看该图片。
因为在页面上有一个水印蒙层，导致图片点击不到，设置了z-index属性还是点不到。

<image class="img" bindtap="bigger" />
<view class="waterMarker">我是水印</view>

.waterMarker {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
}

.img {
	position: relative;
	// relative赋予position属性
	z-index: 9;
}

给图片加上position属性就可以使z-index属性生效