我希望在我的网站上的弹出窗口上具有Vista/7-aero-glass 风格的效果,并且它需要是动态的。只要该站点仍然可以在所有现代浏览器上运行,我就可以接受这不是跨浏览器的效果。
我的第一次尝试是使用类似的东西
#dialog_base {
background:white;
background:rgba(255,255,255,0.8);
filter:blur(4px);
-o-filter:blur(4px);
-ms-filter:blur(4px);
-moz-filter:blur(4px);
-webkit-filter:blur(4px);
}
然而,正如我所预料的那样,这导致对话的内容变得模糊而背景保持清晰。有没有办法使用 CSS 来模糊半透明元素的背景而不是其内容?