通用电气是如何修复和扩展这种背景的

How did GE get this background to fix and scale?

本文关键字：扩展背景何修复电气更新时间：2023-09-26

我正试图获得一个背景图像，使其在他们的网站上表现得像通用电气的背景：http://www.ge.com/stories/powering-gas-engines.html

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

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

http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/

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

使用css3后台大小属性可以创建类似的效果，但这仅在符合css3的浏览器中受支持。

css width: 100%用于容器和背景图像，并使用媒体查询控制最小窗口大小以使用弹性宽度或固定宽度