非透明圖像

Question

logo_area

{ 
background-color: #d9e670; 
filter:alpha(opacity=25); 
opacity:0.25; 
} 

和另一個DIV：

#logo_image 
{ 
background: url(../images/logo.png) no-repeat center 50%; 
} 

<div id="logo_area"> 
    <div id="logo_image"></div> 
</div> 

當然，LOGO_IMAGE是透明的了。我是否可以在透明區塊中使其不透明？

Answer 1

我不這麼認爲。如果容器不是，我不確定是否有可能使其透明度達到100％。

然而，你可以做的是把它放在外塊，如：

<div id="logo_image"></div> 
<div id="logo_area"> 
</div> 

然後標識圖像塊，添加：

#logo_area 
{ 
    position: absolute; 
    height: x; 
    width: y; 
} 

所以應該坐在頂部徽標區div，但不是它的一部分。儘管您可能需要設置徽標區域的高度，因爲徽標圖像不會導致其伸展。