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

时间:2012-10-29 17:05:14

标签: jquery css opacity mask jquery-backstretch

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

使用jQuery插件(backstretch)拉伸背景图像,但图像上有一个非常轻的网格遮罩。如何使用CSS或jQuery将此蒙版添加到背景图像?

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

知道它是如何工作的吗?

1 个答案:

答案 0 :(得分:3)

他的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
}