javascript - 带有 CSS 的流体全屏宽度横幅

标签 javascript jquery html css banner

我想制作这样的横幅:
http://themeforest.net/item/overgrowth-retina-responsive-multipurpose-theme/full_screen_preview/4896083
此横幅的图像宽度为 1920 像素。但是当页面缩小时,横幅仍然是整个页面宽度,并且没有任何内容被裁剪。高度在变化,但宽度是全屏。我在 firebug 中看到包含横幅的 div 在缩放时改变了它的高度和宽度。横幅图片也在缩小。
谁能帮我做这件事?

最佳答案

根据您需要支持的浏览器,您可以使用 background-size: cover;

在这里阅读更多相关信息:http://css-tricks.com/perfect-full-page-background-image/

关于javascript - 带有 CSS 的流体全屏宽度横幅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17111144/

相关文章:

jquery - 就绪事件未按预期工作

javascript - 使用 Ajax 获取值并发送 url

Javascript Boolean.prototype.toString() 意外结果

javascript - ES6 中支持可选异步回调的理想模式是什么?

javascript - 使用 jQuery 打开侧边栏窗口

javascript - 将矩形形状的移动叠加层添加到 html5 视频

html - 旋转表头

javascript - 使用 Angular UI 路由器从父状态向子状态共享数据

jquery - 在哪里可以找到源函数定义?

javascript - jquery 方法链中的点与括号表示法