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

【问题标题】：why css opacity effect not working in chrome?为什么css不透明度效果在chrome中不起作用？
【发布时间】：2013-01-06 12:40:19
【问题描述】：

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

【问题讨论】：

为什么你使用display:none？我认为应该是display:block，这是 jsfiddle jsfiddle.net/xmbLN
css 非常完美，当您需要透明层时，您需要使用 javascript/jquery 应用 display-> block/none。
是的..我知道..并且正在这样做..但它仅在 mozila 中显示..但在 chrome 中不起作用..我通过 $("#uploadprogress") 使其可见.css("显示", "块");
问题可能出在 JavaScript 上，没有 JS 错误吗？您是否也尝试过检查元素并使用 Chrome 开发人员工具手动添加 CSS 样式？
看看这个小提琴它在chrome中的工作jsfiddle.net/xmbLN/1

标签： css overlay transparency opacity

【解决方案1】：

#uploadprogress{
      opacity:0.8!important;
}

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

【讨论】：