2012-10-29 48 views
1

我指的是朋友网站http://www.gamezilla.co.za使用jQuery将图像不透明度添加到背景图像

背景图片是一个jQuery插件(backstretch),但图片上有一个非常轻的网格蒙版。你如何将这个掩码添加到使用CSS或jQuery的背景图像?

背景图像上没有它的面具,如下所示(http://www.gamezilla.co.za/wp-content/uploads/2012/09/b_homepage.jpg)

任何想法怎么运行的?

+0

你的意思是像['这个'](http://trentwalton.com/2011/05/19/mask-image-text/)? –

回答

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 
} 
+0

谢谢你的回答,它的工作原理,我在background-div中添加了一个类似的div。他在哪里声明#模式过滤器?它不是加载后的dom元素的一部分 – mauzilla

+0

它位于DIV底部,ID为'backstretch'。 –