2013-01-23 83 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