javascript - javascript根据窗口大小扩展div和bg图像

标签 javascript css html

抱歉,第一个问题。我有点通过反复试验来学习这一切。无论如何,我不知道如何复制这 1 个脚本。

我想做的是使用 javascript 或其他东西根据窗口的大小在该 div 内扩展一个 div 和 bg 图像。有关我正在尝试做的示例,请查看 42floors .

我的元素已经格式化

/* header */

/* I want to expand dynamically */
<div>

/*Content area with title showing at bottom like example site, even when window is expanded. */
<div>

/* footer */

任何见解或方向都会非常有帮助。谢谢。

最佳答案

看看他们的源代码。他们正在使用以下内容:

#container {
  width: 100%;
  background: url(your-image.png);
  background-size: 100%;
}

请记住,IE6-8 不支持 background-size

关于javascript - javascript根据窗口大小扩展div和bg图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15348743/

相关文章:

javascript - elFinder 打开不同的文件夹

javascript - 在滚动条上水平移动元素

css - 为什么相对定位的元素会忽略 float 元素

javascript - 使用 javascript 为数组中的类设置背景图像失败

html - 如何正确使用@media 查询?

php - 如何将 HTML 数据放入 tcpdf 的标题中?

javascript - 有什么方法可以改变 DOM 中的属性值并再次加载页面

javascript - 将链接转换为另一个链接 - javascript

javascript - Artillery - 多次测试 API

html - W3 验证 HTML 错误