html - 使网站背景图片适合屏幕尺寸

标签 html css background size responsive

我刚刚开始使用一个网站,我已经遇到了一个小问题,我找不到具体的解决方案。

我想让我的网站背景适合任何宽度的屏幕尺寸,高度无关紧要。

这是我图片的链接:

    ../IMAGES/background.jpg

编辑

我不知道出了什么问题,但出于某种原因,主体甚至不想获取背景图像。它只显示纯白色背景。

body
{background-image:url(../IMAGES/background.jpg);}

最佳答案

你可以用这个插件做到这一点http://dev.andreaseberhard.de/jquery/superbgimage/

   background-image:url(../IMAGES/background.jpg);

   background-repeat:no-repeat;

   background-size:cover;

不需要浏览器的前缀。在两个浏览器中都已准备好支持

关于html - 使网站背景图片适合屏幕尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19925075/

相关文章:

css - 带有图像背景的提交按钮 - CSS

css - 欢迎来到匿名 HTML 表格

html - 为什么我不能更改我的 HTML 网站的背景图片?

jquery - CSS3 动画可以工作,但使用 jQuery 却没有成功

html - 使用显示 :inline 未将 Div 对齐成一行

css - 无法更改 Bootstrap 背景图像

css - 调整浏览器窗口大小会影响 CSS 布局

html - 关于 float div 父级的 Css

html - 居中页面的正确方法?

html - 将子菜单与菜单对齐