0

我在 div 中有透明的图像,这个图像的问题,div 需要是透明的但没有图像,当在 div 中使用不透明度时,图像也会变成这个不透明度,这就是问题所在

#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 但继续出现问题

感谢和问候 !

4

3 回答 3

1

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

所以在你的情况下,背景颜色是background-color:#111;,所以你可以使用

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

哪里a代表阿尔法。还要确保background-color: #111;在以格式声明背景之前使用rgba,作为后备。

background-color: #111; /* Fallback, and than declare rgba below */
background-color: rgba(17,17,17,.6);
于 2013-08-21T08:40:53.383 回答
1

在 div 上使用半透明颜色:

background-color:rgba(17,17,17,0.6);
于 2013-08-21T08:41:02.547 回答
0

当您将不透明度设置为 DIV 时,所有内容都会应用此属性。您应该只在背景上设置不透明度。

在这里您可以找到有关如何执行此操作的完整说明,并且跨浏览器兼容

http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

于 2013-08-21T08:43:34.980 回答