イメージをページの隅に一定に保つにはどうすればよいですか？

Question

私は、次のコードで画像がそれに適用されている：

<div id="container" style="position:fixed;right:0px;top:27px;"> 

これは私が期待するものであるに関係なく、私がズームインまたはズームアウトどのくらいの私のページの右上、画像を保持します。問題は、位置が固定されているため、画像を下にスクロールするとページの下に移動するためです。ズームインとズームアウト時にページの右上隅にとどまりますが、スクロールしてもそれをフォローしません。

この例の良い例は、Googleにアクセスして、現在画像が表示している「ログイン」ボタンがあるが、スクロールしている場合はユーザにフォローしていない（ズームインする必要がある）下へスクロール）。 Googleのソースコードを見てみましたが、外部のCSSファイルをインポートすると思います。

この問題を解決するお手伝いがあれば、大変感謝しています。

UPDATE：ここで位置を試みた後のコードです：絶対

<div style="position:absolute;right:0px;top:10px;"> 
<img class="box1" src="a src" alt="an alt" title="a title"> 
    <div class="box2"> 
     <a href="#" style="padding:21.6px 8.5px 7px 8px;background-color:#ffa939;"><img 
    src="a src" alt="an alt" style="width:45px;height:27px;" title="a title"></a> 
    </div> 
</div> 

し、関連するCSS

.box1 { 
width:45px; 
height:27px; 
padding:0px; 
border:0px; 
margin:0px; 
} 


.box2 { 
visibility:hidden; 
position:relative; 
top:5px; 
right:8px; 
width:65.5px; 
margin:0px; 
border:0px; 
} 

は、古いコードを無視します。このコードを使用すると、ズームインしたりズームしたりしても、画像はページに表示されなくなります。私はそれを配置するために左を使ってみましたが、ズームアウトすると固定されたスクリーンの位置にとどまることはありません。

Answer 1

代わりにposition：absoluteを使用してください。 固定位置とは異なり、ページスクロールの影響を受けます。

Answer 2

次は、選択した画像を右上隅に置き、そこに保持します。それが合う場所にdiv容器を入れてください。実際は、閉じたbodyタグの前の最後のものであっても、右上の画像を生成することさえできます。ニーズに合わせて変更します（例： width、height、またはcalc（）を見てください。

<style type="text/css"> 
.bgi { 
    position: fixed; 
    top: 0; 
    right: 0; 
    background-image: url("bgi.jpg"); 
    background-position: 0 0; 
    width: 32px; 
    height: 32px; 
    margin: 0; 
    padding: 0; 
} 
</style> 

<div class="bgi"></div>