在“通过阴影来弱化背景”中,我们介绍了一种通过半透明遮罩层调暗并弱化页面背景的方法。

不过,如果背景页面中包含很多内容的话,只有将其调到很暗的程度,才能为背景之上的文本提供足够的对比度,才能把用户的注意力引导到弹出层上。

还有另外一种更加优雅的方法,就是把关键元素之外的一切都模糊掉,用来配合(或取代)阴影效果,点击上面的按钮查看效果。

这个效果的真实感更强,因为它营造出了“景深效果”:当我们的视线聚焦在距离较近的物体上时,远处的背景是虚化的。