jquery - 使用 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 的 span，其中包含一个 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
}