下のウェブサイトのdivは下部に検索があり、下にスクロールすると常にステータスバーの上に固定されたままになります。
http://www.outlawdesignblog.com/
親切に解決策を教えてもらえますか
下のウェブサイトのdivは下部に検索があり、下にスクロールすると常にステータスバーの上に固定されたままになります。
http://www.outlawdesignblog.com/
親切に解決策を教えてもらえますか
IE7とFF3でテストされた、その方法の自己完結型の例を次に示します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head><style>
#staticpanel {
background:#B85503 none repeat scroll 0 0;
border-top:1px solid #C3702C;
bottom:0;
padding:12px 0;
position:fixed;
width:100%;
z-index:100;
}
</style></head><body>
<div id='staticpanel'>Hello!</div>
</body></html>
私が正しいことを覚えているなら、IEはposition:fixedをサポートしていません。position:fixedをエミュレートする最も簡単な方法は、動的式を使用し、式に絶対y位置などを計算して更新させることです。
ただし、RichieHindleの例は、他のブラウザーでも機能します。