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

Question

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

提出这个问题的网站是这个网站:http://www.bluespooncoffee.com

Answer 1

http://jsfiddle.net/MAbpx/

背景:rgba(255,255,255,0.5);

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