これをテストすると、画像の下部の約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]
コメントを追加