非透明圖像

.popup { 
    z-index: 10000; 
    filter: alpha(opacity=40); 
    -moz-opacity: .40; 
    background-color: #000000; 
}

HTML

<div class="popup" style="display: none; overflow: auto;"> 
    <img src="~/image.png" /> <!--it also becomes transparent. --> 
</div>

我想不會使圖像透明。任何幫助？對於background-color

2015-05-07 s.k.paul

任何元素是另一個元素中不透明度小於1，可不能用不透明的粗細顯示比它的父元素。 – kapantzak

每個子元素都從父元素繼承屬性。所以它不可能，除非你嘗試其他方法。 –

嘗試設置透明度，而不是opacity的元素如下

background-color:rgba(255,0,0,0.5); //0.5 is the transparency you are setting for color

更多信息請參閱本Article

2015-05-07 12:02:53

回答