GE如何获得这种背景来修复和扩展?

时间:2012-01-09 15:01:35

标签: javascript jquery css background

我正试图让背景图像在他们的网站上表现得像GE的背景: http://www.ge.com/stories/powering-gas-engines.html

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

3 个答案:

答案 0 :(得分:2)

有一个jQuery插件可以帮助你实现这一目标,他在他的描述中列出了代码,以便很好地了解它是如何工作的。我喜欢这个是它还保持宽高比。

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:-1)

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