z-index和不透明度问题

Question

我试图在我的所有DIV上做一个封装,它看起来很透明(不透明度:0.6),但前面的所有内容都显得透明.

任何想法如何解决这一问题？

你可以在这里找到这样的例子:http://testing.squaretise.com/(我给了包装器(#wrap)一个红色边框,这样你就可以更容易地解释了)

Answer 1

使用而不是:

opacity: 0.6;

这个:

background: rgba(255, 255, 255, 0.6);

颜色为RGB,最后一位数为透明度级别.