2011年04月17日

IEで、ヘッダー内でスクロールすると重い件

このネタはIE8で確認しています。

WEBサイトにヘッダー(またはフッター)を設置するとします。
で、そのヘッダーはスクロールに対して固定したいとします。
ヘッダーの中身が多いのでスクロールバーを出したいとします。
ついでに茶目っ気を出して、ヘッダーを半透明にします。
以下のような感じでしょうか。

スクロールが異常に重いヘッダー
<html>
<head>
<style>
#Header {
height: 20px;
position: fixed;
overflow-y: scroll;
filter: alpha(opacity=80);
}
</style>
</head>
<body>
<div id="Header">
ヘッダー1行目<br />
ヘッダー2行目<br />
ヘッダー3行目
</div>
</body>
</html>



こうするとヘッダーのスクロールが異常に重たくなります。
どうも「position:fixed」と「filter」を同時に指定するのが悪いみたい。
「filter」はIEの方言なので、IE以外のブラウザではこのような現象は発生しないようです。
肝心の解決策は…、残念ながら見つかりませんでした。




タグ:CSS IE
posted by ぺるたご at 22:16| Comment(0) | TrackBack(0) | 日記 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/196322490

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。