为什么我不能用jquery改变一个重要的z-index？

Question

我有以下html

<div id="mydiv">HEllo</div>

以下css

#mydiv {
    z-index: 9999 !important;

}

使用jquery 1.11.0

使用此代码

console.log(jQuery("#mydiv").css("z-index"));
jQuery("#mydiv").css({'z-index':'3000 !important'});

console.log(jQuery("#mydiv").css("z-index"));

为什么它会两次打印9999？

Jsfiddle

Answer 1

你是在准备文件吗？

$(document).ready(function(){ 
  console.log(jQuery("#mydiv").css("z-index"));
  jQuery("#mydiv").css({'z-index':'3000 !important'});

  console.log(jQuery("#mydiv").css("z-index"));
});