0

这个网站http://www.rallypoint.com如何缩放他们的背景图片?

  • 当我改变浏览器的大小时,我可以看到 div 元素上的 height css 属性发生了变化,所以我假设它是某种在后台工作的 javascript。

在此处输入图像描述

  • 我在正文中看到的 javascript 函数是新的 Slider 但是我在网络上的任何地方都找不到关于此的任何参考,除了看起来不相关的 JQuery UI Slider,这是他们编写的自定义函数吗?

在此处输入图像描述

4

3 回答 3

3

他们使用 'background-size' CSS3 属性:

background-size: cover !important;

阅读更多相关信息:http ://www.css3.info/preview/background-size/

于 2013-01-23T19:57:45.153 回答
2

好吧,肯定有不止一种方法可以得到你想要的结果。我发现这是最有帮助的...

完美的整页背景图片

于 2013-01-23T20:00:12.110 回答
1

这就是所谓的 FLUID 布局......它依赖于 CSS 而不是 javascript 阅读一点关于 boots strap 和其他 CSS 属性的信息

顺便说一句,您可以在 CSS 中看到背景位置为 50%(学习使用 chrome 开发工具)...这就是提示

于 2013-01-23T20:04:57.767 回答