2013-01-23 85 views
1
.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; 
} 

以上是我用来覆盖一个transperent的div,同时做一些处理,并使屏幕禁用的CSS ..但这只适用于mozila ..我想使它在铬也可以..所以任何可以请告诉我,我该怎么做?为什么css不透明效果在Chrome中不起作用?

下面是div ..

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

为什么乌尔使用'显示:none'?我认为它应该是'display:block',这里是jsfiddle.net/xmbLN/ – krish

+0

这个CSS是完美的,当你需要透明层时,你需要应用display-> block/none使用javascript/jquery 。 – krish

+0

是的..我知道..并且我在做这件事..但是它只在mozila中显示..但是那不是在chrome中工作的.am使它看起来与 \t \t $(“#uploadprogress”)。css(“显示“,”块“); –

回答

1
#uploadprogress{ 
     opacity:0.8!important; 
} 

为什么您使用display:none;它隐藏整个DIV