javascript - 为什么无法通过javascript访问css中的z-index

Question

我创建了一个id标签的按钮，当我点击它时，我希望它显示一个z-index为1的div。但是为什么z-index不能通过javascript访问:

var tag = document.getElementById('tag');
tag.onclick = function(){

   var tag_div = document.createElement("div");
   tag_div.id = "wow";
    document.body.appendChild(tag_div);
    tag_div.style.border = "1px solid black";
   tag_div.style.position = "absolute";
   tag_div.style.top = "200px";
   tag_div.style.left = "70px";
   tag_div.style.z-index = 1;
      return false;
}

Answer 1

样式表中的 CSS 规则使用连字符，CSS 属性 使用驼峰大小写，因此您需要 .zIndex