0

我不熟悉在 CSS 中使用相对位置。我正在为下面的 html 苦苦挣扎。我在 IE8 中运行它。我遇到的问题是让我的光标专注于我必须将它定位在顶部边框上的文本框。

更新：上面的注释通过将 z-index 添加到正确的 div 得到了一定程度的解决。我最初没有在我的问题中包含的是左侧 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

我不太确定你想实现什么，但如果你想让光标专注于文本框，你可以把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 回答
0

我不太了解你的问题......但我认为你想要你的文本框页面顶部

试试 - .rightDiv { top:90px; 左：198px；}

于 2012-12-08T05:10:06.373 回答
0

实际上，左 div 包含与右 div 重叠，因此它不会获得焦点尝试仅使用 2 或 4“1234
”它会正常工作。这个问题是由于 div 的相对定位尝试一些其他的方式，它会工作正常。

于 2012-12-08T05:11:11.957 回答