html - 如何使背景图像的菜单部分不透明

Question

我有一个带有大背景图像的页面。菜单和主要内容部分为 900 像素并居中。而不是仅仅用颜色填充菜单背景，我想简单地模糊背景图像。我还希望在调整页面大小时适当移动模糊的部分，这样我就不能只模糊背景的一部分。实现这一目标的最佳方法是什么？我尝试将半透明的 .png 作为菜单 div 的背景，但这不起作用，我没有看到任何效果。有谁知道如何做到这一点？谢谢。

激发这个问题的网站是这个： http: //www.bluespooncoffee.com

Answer 1

http://jsfiddle.net/MAbpx/

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

这使得某些东西的背景是半透明的，因为最后一个值是 alpha（透明度值）。根据需要进行调整。