[已解决]背景图片position 居中没效果

疯狂的二哈 · 发表于 2020-3-31 15:28:02

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

没效果想不通

最佳答案

月排行榜 / 总排行榜

小脑斧

2020-3-31 22:39:27

本帖最后由小脑斧于 2020-3-31 22:42 编辑

疯狂的二哈发表于 2020-3-31 18:55
图片显示在中间窗口缩小的时候背景图中间位置显示在中间

你说的是自适应缩放吗
我的原图（1920*1200）

这是网页显示（大）

这是小的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        html,body{
            height: 100%;
        }
        body{
            background: url(fish.jpg) center center;
            background-size: cover;
        }
    </style>
</head>
<body>
</body>
</html>

跳转到最佳答案楼层

疯狂的二哈 · 发表于 2020-3-31 15:30:10

图1 是网页窗口缩小之后的但是1920图片的大小没有显示中间

不二如是 · 发表于 2020-3-31 16:29:23

是需要让图片显示在中间？还是整个页面平铺？

疯狂的二哈 · 发表于 2020-3-31 18:55:03

不二如是发表于 2020-3-31 16:29
是需要让图片显示在中间？还是整个页面平铺？

图片显示在中间窗口缩小的时候背景图中间位置显示在中间

小脑斧 · 发表于 2020-3-31 22:39:27

本帖最后由小脑斧于 2020-3-31 22:42 编辑

疯狂的二哈发表于 2020-3-31 18:55
图片显示在中间窗口缩小的时候背景图中间位置显示在中间

你说的是自适应缩放吗
我的原图（1920*1200）

这是网页显示（大）

这是小的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        html,body{
            height: 100%;
        }
        body{
            background: url(fish.jpg) center center;
            background-size: cover;
        }
    </style>
</head>
<body>
</body>
</html>

账号		自动登录	找回密码
密码			立即注册