0

CSSで相対位置を使用するのは初めてです。以下のhtmlで悩んでいます。これをIE8で実行しています。私が抱えている問題は、カーソルをテキストボックスにフォーカスさせて、上の境界線の上に配置する必要があることです。

更新: 上記のメモは、右側の div に z-index を追加することで多少解決されました。最初に質問に含めなかったのは、左側の div の内容が jQuery ドラッグ可能に割り当てられ、入力テキスト ボックスがドロップ可能であるということでした。ユーザーが値をドラッグしたり、自分で入力したりできるようにしたいと考えています。z-index が rightDiv に追加されると、ユーザーがエントリを手動で入力できるようにするテキスト ボックスへのフォーカスはうまく機能しますが、leftDiv からのエントリをテキスト ボックスにドラッグすると、テキスト ボックスの後ろに隠されます。ドロップが完了するまで。

助言がありますか？ご協力いただきありがとうございます。

<html>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<head>
<style>
.rightDiv {
  position : fixed;
  top:90px;
  left:198px;
}
.leftDiv {
  position : relative;
  right : -10px;
  top:10px;
}
</style>
</head>
<body>
<form>
<DIV class=rightDiv>
<INPUT size=10></INPUT>
</DIV>
<DIV class=leftDiv>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
1234<br>
</DIV>
</form>
</body>
</html>
4

3 に答える 3

0

私はあなたの質問をよく理解していません.....しかし、私はあなたがあなたのテキストボックスをページのトップに欲しいと思います

試してください-.rightDiv{top：90px; 左：198px; }

于 2012-12-08T05:10:06.373 に答える
0

実際には、含まれている左側のdivが右側のdivと重なっているため、フォーカスが得られないので、2つまたは4つの「1234
」だけで問題なく動作します。この問題は、divの相対的な配置が原因で、他の方法でうまく機能するように試みます。

于 2012-12-08T05:11:11.957 に答える
0

何を達成したいのかよくわかりませんが、カーソルをテキストボックスにフォーカスさせたい場合は、 usingの.rightDiv上に置くことができます:.leftDivz-index

.rightDiv {
   position: fixed;
   top: 90px;
   left: 198px;
   z-index: 9999;
}

これを確認してください：http://jsfiddle.net/XSBqc/1/

関連するすべての質問をサイドバーで読む

于 2012-12-08T05:32:14.043 に答える