Javascript GE是如何修复和扩展这种背景的?

Javascript GE是如何修复和扩展这种背景的?,javascript,jquery,css,background,Javascript,Jquery,Css,Background,我试图在他们的网站上获得一个背景图像,使其行为与GE的背景相似: 我想知道他们使用了什么CSS或javascript技术来获得这种效果。CSSwidth:100%用于容器和背景图像,并使用媒体查询来控制最小窗口大小,以便对容器和背景图像使用弹性宽度或固定宽度CSSwidth:100%,并使用媒体控制最小窗口大小的查询使用弹性宽度或固定宽度这是一个图像,而不是背景图像,它们使用从onresize事件调用的javascript函数将其宽度和/或高度设置为其包含div的全宽 使用css3 backg

我试图在他们的网站上获得一个背景图像,使其行为与GE的背景相似:


我想知道他们使用了什么CSS或javascript技术来获得这种效果。

CSS
width:100%
用于容器和背景图像,并使用媒体查询来控制最小窗口大小,以便对容器和背景图像使用弹性宽度或固定宽度CSS
width:100%
,并使用媒体控制最小窗口大小的查询使用弹性宽度或固定宽度这是一个图像,而不是背景图像,它们使用从onresize事件调用的javascript函数将其宽度和/或高度设置为其包含div的全宽


使用css3 background size属性可以创建类似的效果,但这仅在符合css3的浏览器中受支持。

这是一个图像,而不是背景图像,它们使用onresize事件调用的javascript函数将其宽度和/或高度设置为其包含div的全宽


通过使用css3背景大小属性可以创建类似的效果,但这仅在符合css3的浏览器中受支持。

有一个jQuery插件可以帮助您实现这一点,他在其描述中列出了代码,以便更好地了解其工作原理。我喜欢的是它也保持了纵横比


有一个jQuery插件可以帮助您实现这一点,他在描述中列出了代码,让您很好地了解它是如何工作的。我喜欢的是它也保持了纵横比


你能说得更具体些吗?您可能会参考几种效果。随着窗口宽度的延长,人的背景图片保持居中的方式,以及当长度延长时图片保持固定的方式。看起来,文件ge.js可能就是在调整窗口大小时操纵css的位置。在第64行附近的某个地方,我开始看到“resize”和“window”的实例,但我肯定不是一个javascript人,所以我不知道这是否是它所指的内容。你能更具体一点吗?您可能会参考几种效果。随着窗口宽度的延长,人的背景图片保持居中的方式,以及当长度延长时图片保持固定的方式。看起来,文件ge.js可能就是在调整窗口大小时操纵css的位置。在第64行附近的某个地方,我开始看到“resize”和“window”的实例,但我肯定不是一个javascript人,所以我不知道这是否是它所指的内容。谢谢,我在这一行和这一行之间寻找:这看起来也是一个很好的例子,还有一些特性。谢谢,我将把它添加到我的书签收藏中。谢谢,我在那本和这本之间寻找:那本看起来也不错,还有一些功能。谢谢,我会把它添加到我的书签收藏中。