Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用BackStretch.js自动拉伸现有背景图像?_Jquery_Css_Performance_Background Image - Fatal编程技术网

Jquery 使用BackStretch.js自动拉伸现有背景图像?

Jquery 使用BackStretch.js自动拉伸现有背景图像?,jquery,css,performance,background-image,Jquery,Css,Performance,Background Image,我已经在一个页面上有了一些背景图片(很多…我宁愿避免重新编码一堆),我需要跨浏览器填充它们(拉伸)。可以这样做,但似乎需要手动完成。我不能使用背景大小,因为它在IE8上不起作用(有polyfills),但最重要的是,由于没有缓存任何内容,它在webkit中滞后。想法?Backstretch.js是手动的。你所要做的就是从css中删除背景图像(将路径和选择器保存到一个临时文件或其他文件中),然后使用这些相同的路径启动backstretch。不应该进行太多的大修 他们在一堆不断被删除和添加的类上。。

我已经在一个页面上有了一些背景图片(很多…我宁愿避免重新编码一堆),我需要跨浏览器填充它们(拉伸)。可以这样做,但似乎需要手动完成。我不能使用背景大小,因为它在IE8上不起作用(有polyfills),但最重要的是,由于没有缓存任何内容,它在webkit中滞后。想法?

Backstretch.js是手动的。你所要做的就是从css中删除背景图像(将路径和选择器保存到一个临时文件或其他文件中),然后使用这些相同的路径启动backstretch。不应该进行太多的大修

他们在一堆不断被删除和添加的类上。。。呃,这会很痛苦。如果这些类是通过JS添加的,那么你可以在那一点上启动Backstretch?潜在的-如果我可以从CSS中提取现有路径并通过Backstretch.JS超越它,这是我希望能够做到的。我只是不确定*你怎么能发布你的类及其背景图像样式的示例?div.ENS{background size:cover;background image:url(“content/pieces/ENS.png”);}div.ESW{background size:cover;background image:url(“content/pieces/ESW.png”);}div.ESW{背景大小:封面;背景图像:url(“content/pieces/ENSW.png”);}有很多不同的排列和后缀。大概总共有50个。感谢你发布它们,它们是如何删除和添加的?是某种幻灯片吗?不,只是通过jQuery addclass。它们是通过各种方式添加和删除的,而不是真正包装的。一个潜在的候选解决方案我认为f将为类挂接一个事件,以更改并提取它们的背景图像属性。