当我对此进行测试时，图像下部的大约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>
该图像位于body元素的右下角，但问题在于该元素的高度不如您想象的那么高，因此看起来好像在错误的位置。
将此添加到CSS规则中：
body, html {
min-height:100%;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句