html - "background-size: cover"工作不正常。

标签 html css

<分区>

我已经这样做了将近一百万次,但是已经有一段时间了,由于某种原因我无法让它工作。

我的 HTML 文件只包含一个空的 body 标签。这是我的 CSS:

body{
    height: 100%; 
    width: 100%; 
    -webkit-font-smoothing: antialiased;
    background-image: image-url("background.jpg");
    background-size: cover; 
    background-repeat: no-repeat; 
}

宽度拉伸(stretch)/收缩以完美适合窗口,但高度拒绝。以下是我缩小浏览器窗口时发生的情况:

background

我做错了什么?

最佳答案

使用

html, 
body {
  height: 100%;
}

正文不会覆盖页面的其余部分。

关于html - "background-size: cover"工作不正常。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29860273/

相关文章:

html - 使用css到多边的框阴影

html - 隐藏单选按钮,同时保持其功能

javascript - 标签与输入框间距

html - 首次加载页面时如何将事件链接设置为默认链接

android - 在 Android 和 iPhone 上居中 DIV

css - 如何在 css 中制作自定义高亮显示?

html - 设置 mat-grid 中列的比率

css - 如何减少div中两个标签之间的空间

html - 将边框放置在 div 内部而不是其边缘

html - 列表框中的选定元素文本被修剪