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

Question

.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;
}

上面是在进行一些处理并使屏幕禁用时用于覆盖透明 div 的 css..但这只适用于 mozila..我也想让它在 chrome 中工作..所以任何人都可以告诉我我该怎么做？

下面是div..

<div class="overlayupload" id="uploadprogress"
                        style="display: none"></div>

Answer 1

#uploadprogress{
      opacity:0.8!important;
}

你为什么要使用 display:none; 它隐藏了整个 div