position:fixed;

がIE8以上及びfirefox及び、Google chromeで正常に動作するのに、

IE7以下でうまく動作しない場合があります。

例えば、画像を左下に固定して、スクロールしても動かないようにさせたい場合。

これのcssの記述は下記の通りとなります。

css側

#test{
position:fixed;
left:5px;
bottom:5px;
width:100px; /* これが抜けると、IE7以下では画像がセンタリングされる */
height:100px; /* これが抜けると、IE7以下では画像がセンタリングされる */
}

html側

<div id=”test”><img src=”http://hoge.jp/img.jpg” /></div>

以上。

 

スポンサー

お問い合わせ

この記事についてご質問があれば、お問い合わせ下さい。

お名前(必須)
お名前フリガナ(必須)
メールアドレス(必須)
メールアドレス確認(必須)
お問い合わせ記事URL
お問い合わせ内容(必須)