※ ChatGPTを利用し、要約された質問です(原文:IE6でのexpressionを使用した要素固定対)
IE6でのexpressionを使用した要素固定対
このQ&Aのポイント
IE6での要素固定時にselect要素が重なってしまうバグの解決方法を教えてください
IE6のexpressionを使用した要素固定時にスクロール要素内のselect要素が表示されない問題に対処する方法を教えてください
IE6でのexpressionを使った要素の固定でスクロール要素とselect要素が重なる問題の解決方法を教えてください
IE6でのexpressionを使用した要素固定対
---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>タイトル</title>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
body{background:#ffffff url(null) fixed;}
#fixed{position:absolute;top:expression(eval(document.documentElement.scrollTop+0));background:#ccc;}
#fixed{width:100%;height:100px;}
</style>
</head>
<body>
<div id="fixed" class="specify"></div>
<div id="contents" style="padding:100px 0px 1000px;">
<select>
<option selected="selected" value="">選択してください</option>
</select>
</div>
</body>
</html>
---
余計な部分を省いていますが
上記の内容でIE6用にページ上部に常に表示されるナビを表示しています。
そうすると、スクロールする要素内にあるselectが
DIV#fixedの上に乗っかってしまいます。
このバグを解決する方法をご存じの方、いらっしゃいますでしょうか?
今更IE6ですいません。
かなり悩んだのですが解決策が見あたらず参っています。
お礼
返答が遅くなって申し訳ありません。 回答ありがとうございました! 教えていただいた方法で何とか対応ができました! やっぱりIE6はいろいろとすごいんですね。。。。