空内容时body的background-position值为center无法居中。

Guess
  • 9
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <style>
        body{        
            background-image: url(http://c.hiphotos.baidu.com/zhidao/wh%3D450%2C600/sign=736f2a288a13632715b8ca37a4bf8cda/34fae6cd7b899e516d038ce042a7d933c9950db0.jpg);
            background-repeat: no-repeat;
            background-position:center;
        }

    </style>
</head>
<body>
    
</body>
</html>

效果很不好,图片有一半是在顶部被隐藏的图片描述

原图为图片描述

回复
阅读 2.9k
1 个回答
 html, body {
    height: 100%;
    width: 100%;
 }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏