0

当我对此进行测试时,图像下部的大约 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>
4

2 回答 2

2

图像位于 body 元素的右下角,但问题是该元素没有您想象的那么高,所以看起来它在错误的位置。

将此添加到 CSS 规则中:

body, html {
    min-height:100%;
}
于 2013-09-07T10:03:58.473 回答
0

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

body,html
         {
            background-image:url(uppsala.jpg);
            background-position: bottom right;
            background-repeat:no-repeat;
            height:100%;
         }
于 2013-09-07T10:07:04.110 回答