2013-08-21 125 views
0

我有透明的div裏面的圖像,這個圖像的問題,div需要透明但沒有圖像,當在div中使用不透明度圖像也改變爲這種不透明度,這就是問題Css的不透明度和圖像

#cp_advise 
{ 
position:absolute; 
width:100%; 
height:99%; 
left:50%; 
margin-left:-50%; 
background-color:#111; 
z-index:999; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: alpha(opacity=60); 
-moz-opacity:0.6; 
-khtml-opacity: 0.6; 
opacity: 0.6; 
text-align:center; 
} 




<div id="cp_advise"> 
<img src='services.png'> 
</div> 

我嘗試使用的z-index在圖像上,但繼續問題

Thank's,祺!

+0

看到這個http://jsfiddle.net/aPRp6/給RGBA背景顏色 –

回答

1

在DIV上使用半透明的顏色:

background-color:rgba(17,17,17,0.6); 
+0

神奇的關於如何做一個完整的解釋,並跨瀏覽器,工作很好,謝謝你的幫助 – user2501504

1

而不是使用opacity,使用rgbabackground-color: rgba(255,255,255,.6);

所以你的情況,背景色爲background-color:#111;,所以你可以使用

background-color: rgba(17,17,17,.6); 

a代表阿爾法。在聲明rgba格式的背景之前,請確保您使用background-color: #111;作爲後備。

background-color: #111; /* Fallback, and than declare rgba below */ 
background-color: rgba(17,17,17,.6);