为什么css不透明效果在chrome中不起作用？

上面是css，我用它来覆盖一个透明的div，同时做一些处理，并使屏幕禁用..但这只适用于mozila..我想让它也适用于chrome..那么有人能告诉我怎么做吗

以下是部门

.overlayupload {
  background-color: black;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  opacity: 0.4; /* also -moz-opacity, etc. */
  -webkit-opacity: 0.4;
  z-index: 10;
}

为什么要使用

display:none它隐藏整个div

为什么要使用
display:none它隐藏整个div
为什么使用
显示：无
？我认为它应该是
display:block
这是JSFIDLE css非常完美，当你需要透明层时，你需要使用javascript/jquery应用display->block/none。是的……我知道……我正在这样做……但它只在mozila中显示……但在chrome中不起作用……我用$（“#uploadprogress”）使它可见。css(“显示”、“块”）；问题可能出在JavaScript上，没有任何JS错误吗？你也尝试过使用Chrome开发工具检查元素并手动添加CSS样式吗？看看这把小提琴，它在Chrome中工作，为什么你使用
display:none
？我认为它应该是
display:block
，这是JSFIDLE CSS非常适合你当你需要透明层时，需要使用javascript/jquery应用display->block/none。是的..我知道..我正在这样做..但它只在mozila中显示..但在chrome中不起作用..我用$（“#uploadprogress”）.css（“display”，“block”）使它可见；问题可能出在JavaScript上，没有任何JS错误吗？您也尝试过使用Chrome开发工具检查元素并手动添加CSS样式吗？看看这把小提琴，它在Chrome中工作
<div class="overlayupload" id="uploadprogress"
                        style="display: none"></div>

#uploadprogress{
      opacity:0.8!important;
}