如何使用不透明度:不透明度中的1个文本:0.5 div

Question

我有一个div在其中有一个a标签.我给opacity:0.5了div当时不透明度里面的文字也是0.5我不想使用背景图片,那么我怎么能opacity:1在我的div内部有一个文本opacity:0.5 ？

Answer 1

使用rgba设置父级的背景颜色(包括Alpha透明度).例:

.Container {
    background-color:rgb(0,0,0); /* fallback for IE 8 and below */
    background-color:rgba(0,0,0,0.5);
}
.Text {
    color:rgb(255,255,255);
}

这会在使用颜色时设置容器背景的不透明度,但不会设置子项的不透明度.如果您需要这样做,请将子项的不透明度设置为您想要的另一个类:

.OtherChildItem {
    opacity:0.5;
    filter:alpha(opacity=50); /* IE 8 and below */
}

如果要使用背景图像,只需在图像本身上设置不透明度(使用PNG).