css - 始终缩放的背景图像,因此不会出现任何正常的背景颜色

标签 css background-image

我想知道是否有黑客可以调整图像的大小,使其始终覆盖整个浏览器窗口。它还应保持图像的纵横比。

最佳答案

本站http://css-tricks.com/how-to-resizeable-background-image/对此有一篇很棒的文章。

基本上只是用作你的背景的样式

#bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

关于您要求在覆盖整个窗口的同时保持纵横比,我认为这是不可能实现的,您要么牺牲纵横比要么牺牲覆盖范围

关于css - 始终缩放的背景图像,因此不会出现任何正常的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4311205/

相关文章:

html - 响应式 CSS 表格

jquery - 网站背景-水平重复,垂直缩放

css - chrome mobile 上不显示背景图片

css - Rails 应用程序未在 application.css 中获取样式

css - iphone 不显示背景图片

html - 有什么方法可以将一些样式繁多的 HTML 与网站的其余样式隔离开来?

css - zurb 基础是否有可能具有完整的行宽

使用 first-child 及之前的 CSS

CSS:神秘 "margin"

html - CSS 背景图像 url() 在各种浏览器中未显示错误 '404 not found'