css - 背景图像大小不会保持 100% 高度

标签 css image

到目前为止,我已经了解了我的新网站的背景,但现在我卡住了,如果您缩小浏览器窗口,背景图像的高度将低于 100%。

我希望它保持完整大小,如果你缩小它,我不希望高度低于 100%(显示白色)

代码在这里 http://www.bestlincs.co.uk/new/

最佳答案

你可以使用下面的代码:

html or .classname { 
  background: url(ImageUrlhere) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

关于css - 背景图像大小不会保持 100% 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26974349/

相关文章:

html - 限制CSS中的背景位置

css - 可以嵌套 CSS 点运算符吗?

html - 为什么图像在 MAC 上不占据浏览器的整个宽度?

javascript - 在javascript中呈现像视频一样的图像链

php - Prestashop 在使用 jquery 多 css 方法时显示白页

javascript - HTML:决不能让 child 溢出他们的父亲

溢出/滚动指示器的纯 CSS 解决方案

css - 哪种方式加载巨大的图像(canvas vs img vs background-image)?

html - 无滚动条的可调整大小的背景图像

python - 测量图像中文本边框的直/平滑度