链接在具有低Z指数的Div上方

Question

我的情况是这样的：

我有一个z-index为-15的div。我在div中有一个div，其z-index为15.

我刚刚在jsfiddle中运行了这个确切的代码，并且它在jsfiddle中运行但在我用谷歌浏览器打开它时在记事本中没有。

＆＃13;

＆＃13;

#contentdiv {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ebebeb;
  z-index: -15;
  font-family: Arial;
}
#link {
  position: absolute;
  width: 143;
  height: 216;
  z-index: 15;
}

＆＃13;

<div id="contentdiv">
  <div id="link">
    <a href="link.html">Link</a> 
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;