jquery - 全宽 - 正常高度 BG Img

标签 jquery html css

因此,我遍历了 google 上的所有页面,寻找一些可以帮助我修复拉伸(stretch)宽度背景图像的代码。我想让我的背景图像适合所有浏览器分辨率宽度,高度必须保持图像上的高度。

到目前为止,我的代码已经为我提供了全宽背景,但没有拉伸(stretch)图像以使其全宽,但图像没有移动。

body{
background-color:#575c70;
background: url('http://i.imgur.com/1MS4u4y.jpg');
height: auto;
width: 100%;
left: 0;
background-repeat: no-repeat;
position: absolute;
}

最佳答案

您还可以使用:

background-size: cover;

关于jquery - 全宽 - 正常高度 BG Img,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18422698/

相关文章:

css - 灵活的 div block

javascript - 如何在纯 javascript 中更改输入焦点上的标签颜色?

javascript - div根据屏幕分辨率自动调整

jquery - 悬停时展开子(在小父元素中)元素(取决于元素数量)

html - CSS Position 模型链接 % up from bottom of image inside div

python - 如何使用 python 检查网站是否响应?

html - 链接和 Z-Index

javascript - 转到 anchor 并使用 JQuery 或 Javascript 滚动

javascript - 如何调试 JQuery 选项卡的浏览器兼容性问题?

html - 如何告诉浏览器然后首先识别我的样式表然后识别我使用的框架?