如何将不透明度设置为div的背景颜色？

Question

我有这门课

.box { background-color:#fff; border:3px solid #eee; }

我的问题是如何才能将白色背景的不透明度设置为与我的背景混合？

谢谢.

Answer 1

我认为rgba是最快最简单的!

background: rgba(225, 225, 225, .8)

Answer 2

CSS 3引入了rgba颜色,您可以将其与图形结合使用,以实现向后兼容的解决方案.

Answer 3

我认为这涵盖了几乎所有的浏览器.我过去成功使用过它.

#div {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}

Answer 4

您可以通过以下方式使用 CSS3 RGBA：

rgba(255, 0, 0, 0.7);

0.7 表示 70% 的不透明度。