<分区>
Possible Duplicate:
Text input with z-index inaccessible by click in IE
如果您点击此链接,您会看到我正在尝试在可拖动的图像顶部的 div 内显示一个文本框。
我有两个问题
- 在 IE 8 中我无法点击内部 文本框。
- 尺寸也有问题 调整 div 大小时的文本框 它确实超出了父 div。
我可以重构这个人来解决这两个问题吗?
谢谢。
<分区>
Possible Duplicate:
Text input with z-index inaccessible by click in IE
如果您点击此链接,您会看到我正在尝试在可拖动的图像顶部的 div 内显示一个文本框。
我有两个问题
我可以重构这个人来解决这两个问题吗?
谢谢。
最佳答案
这是一个很有趣的问题。
关于 IE8 的第一部分在我看来是文本区域内透明背景的问题。如果您将颜色应用于背景,那么您就可以按预期访问文本区域。为了使这更有趣一些 - 当您添加默认文本时,您只能访问该文本已存在的文本区域。
因此我建议研究 IE 7 和 IE 8 如何处理/创建透明背景。并且可能质疑它是否真的需要透明(如果您想要简单的出路)。
您提到的关于扩展到父 div 的 div 的第二个问题可以通过将 overflow: hidden
添加到父 div 来解决 - 在这种情况下,您应该将它添加到 #dragDiv
你的 css 中的元素。在 div 中使用 float 元素时通常会出现这种情况 - 您应该阅读更多关于 float 元素并清除它们的信息 (clear: both
),因为如果处理不当,它们会导致很多问题。
希望对您有所帮助,如果您找到第一个问题的原因,我很想知道!
关于HTML 和 CSS 定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5862350/