Question

当我测试时，大约30％的图像下部位于右上角。

我无法理解为什么。

例如，如果我位于左上角或右上角，则可以正常工作。

如果我在这个例子的右下角或左下角给定位置，它就无法工作。

如果我给左下方定位，那么下半部分的大约30％位于左上方。

这是完整的标记和css

<!DOCTYPE html>
<html>
   <head>
      <meta charset=utf-8" />
      <title></title>
      <style type="text/css" media="screen">
         body
         {
            background-image:url(uppsala.jpg);
            background-position: bottom right;
            background-repeat:no-repeat;
         }
      </style>
   </head>

<body>
</body>
</html>

Answer 1

图像位于body元素的右下角，但问题是元素不像你想象的那么高，所以它看起来像是在错误的位置。

将此添加到CSS规则：

body, html {
    min-height:100%;
}

Answer 2

您应该在css规则中声明高度

body,html
         {
            background-image:url(uppsala.jpg);
            background-position: bottom right;
            background-repeat:no-repeat;
            height:100%;
         }

在这个简单的例子中，为什么我的背景定位错误

2 个答案: