使用 jQuery 将图像不透明度添加到背景图像

Question

我指的是朋友的网站http://www.gamezilla.co.za。

背景图片是用 jQuery 插件（backstretch）拉伸的，但图片上有一个非常浅的网格遮罩。如何使用 CSS 或 jQuery 将此蒙版添加到背景图像？

背景图像上没有遮罩，如此处所示 (http://www.gamezilla.co.za/wp-content/uploads/2012/09/b_homepage.jpg)

知道它是如何工作的吗？

Answer 1

他有一个 ID 为 #pattern-filter 的跨度，其中包含一个 2x2 像素的图像，该图像在图像顶部重复。

参见 224add20.273d39.css 文件的第 338 行。

#pattern-filter {
 position:fixed;
 width:100%;
 height:100%;
 background:url(/wp-content/themes/gonzo/images/pattern-filter.png) scroll transparent
}