ＩＥ６などでposition:fixedのように固定する方法

解決済

質問者：tibito
質問日時：2009/03/19 00:23
回答数：1件

二つの画像を<div style="position:fixed; bottom:0px; left:0px;">と<div style="position:fixed; bottom:0px; right:0px;">で下のすみにそれぞれ表示していたのですが、IE6で正常に表示されないことに気づきました。
IE6などサポートされていないブラウザでも表示するにはどうすれば良いでしょうか。
また右下の画像は外部scriptを読み込んでランダムに表示していて、できればそのままその機能を使いたいのですが・・・
使用しているscriptは↓です。
var imglist = new Array(
"01.gif",
"02.gif" );
var selectnum = Math.floor((Math.random() * 100)) % imglist.length;
var output = "<img src=" + imglist[selectnum] + ">";
document.write(output);

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： cyokodog
回答日時：2009/03/23 15:07

IE6 の fixed 関連の記事を書きましたので、ご参考までに。

。

記事
http://d.hatena.ne.jp/cyokodog/20090323/jQueryEx …
demo
http://cyokodog.web.fc2.com/cyokolab/example02/e …

jQuery というjavascriptのライブラリを使用することになりますが、この例でしたら以下のような記述で可能になるかと。。

html
<style>
#img1{
position:fixed;
left:0;
bottom:0;
}
#img2{
position:fixed;
right:0;
bottom:0;
}
</style>
<body>
<div id="img1"></div>
<div id="img2"></div>
</bod>

JavaScript
$(function(){
var getSrc=function(){
var imglist = new Array("01.gif","02.gif" );
var selectnum = Math.floor((Math.random() * 100)) % imglist.length;
return imglist[selectnum];
}
$('#img1').attr('src',getSrc()).exFixed();
$('#img2').attr('src',getSrc()).exFixed();
});