透明块中的非透明图像

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的顶部，但不是它的一部分。您可能需要设置徽标区域的高度，因为徽标图像不会导致它伸展。