html - 为什么我不能将图像拉伸(stretch)到页面的全屏?

标签 html css

我做了一个网站,决定做背景,写了代码,查看网站页面发现图片不在整个页面上

我需要修复什么才能使图像拉伸(stretch)到整个页面?

<html>
    <head>
      <title>text</title>
        <style>
            body{
                  background: url(back.jpg) no-repeat;
                  -moz-background-size: 100%
                  -webkit-background-size: 100%
                  -o-background-size: 100%
                  background-size: 100%
                }
        </style>
    </head>
    <body style="background-attachment:fixed" topmargin="0">
    </body>
</html>

enter image description here

最佳答案

尝试使用 background-size: cover; 而不是 100%。

它会调整背景图像的大小以覆盖整个容器,即使它必须拉伸(stretch)图像或从其中一个边缘切掉一点

关于html - 为什么我不能将图像拉伸(stretch)到页面的全屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57130774/

相关文章:

css - 如何使 Bootstrap 4 旋转木马图像响应?

javascript - 自定义 HTML5 音频 API : Uncaught TypeError: undefined is not a function

javascript - 将图像二进制数据转换为img标签

html - 可以使用 CSS 将图像添加到 HTML 元素吗?

css - 具有淡入淡出效果的完整背景图像

javascript - 是否可以使用 HTML+CSS+JavaScript 设计 GUI 但它实际上会运行 python 脚本?

html - 我怎样才能逃脱单引号?

javascript - 如何在html5 Canvas 中制作可点击的点?

html - html5 视频准备好迎接黄金时段了吗?

html - 下拉菜单悬停状态