我指的是朋友网站http://www.gamezilla.co.za。使用jQuery将图像不透明度添加到背景图像
背景图片是一个jQuery插件(backstretch),但图片上有一个非常轻的网格蒙版。你如何将这个掩码添加到使用CSS或jQuery的背景图像?
背景图像上没有它的面具,如下所示(http://www.gamezilla.co.za/wp-content/uploads/2012/09/b_homepage.jpg)
任何想法怎么运行的?
我指的是朋友网站http://www.gamezilla.co.za。使用jQuery将图像不透明度添加到背景图像
背景图片是一个jQuery插件(backstretch),但图片上有一个非常轻的网格蒙版。你如何将这个掩码添加到使用CSS或jQuery的背景图像?
背景图像上没有它的面具,如下所示(http://www.gamezilla.co.za/wp-content/uploads/2012/09/b_homepage.jpg)
任何想法怎么运行的?
他有一个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
}
谢谢你的回答,它的工作原理,我在background-div中添加了一个类似的div。他在哪里声明#模式过滤器?它不是加载后的dom元素的一部分 – mauzilla
它位于DIV底部,ID为'backstretch'。 –
你的意思是像['这个'](http://trentwalton.com/2011/05/19/mask-image-text/)? –