2

可能重复：
在 IE 中单击无法访问带有 z-index 的文本输入

如果您点击此链接，您可以看到我正在尝试在可拖动的图像顶部的 div 内显示一个文本框。

http://jsfiddle.net/N87CX/27/

我有 2 个问题

  1. 在 IE 8 中，我无法在文本框内单击。
  2. 当重新调整 div 的大小时，文本框的大小也存在一些问题，它确实超出了父 div。

我可以重组这个人，以便解决这两个问题吗？

谢谢。

4

3 回答 3

0

这是一个相当有趣的问题。

在我看来，关于 IE8 的第一部分是文本区域内透明背景的问题。如果将颜色应用于背景，则可以按预期访问文本区域。为了使这更有趣 - 当您添加默认文本时，您只能访问该文本已经存在的文本区域。

所以我建议研究一下 IE 7 和 IE 8 如何处理/创建透明背景。也许质疑它是否真的需要透明（如果你想要简单的出路）。

您提到的关于扩展父 div 的 div 的第二个问题可以通过添加overflow: hidden到父 div 来解决 - 在这种情况下，您应该将其添加到#dragDiv您的 CSS 中的项目中。在 div 中使用浮动元素时通常会出现这种情况——您应该阅读更多关于浮动元素并清除它们的信息 ( clear: both)，因为如果处理不当，它们会导致很多问题。

我希望这对您有所帮助，如果您找到第一个问题的原因，我很想知道！

于 2011-05-03T00:08:29.410 回答
0

IE 在输入和文本区域上有一个透明背景的错误，要绕过最好的办法是使用 atransparent.gif作为背景

然后接下来我发现 IE 不会接受 100%（或任何百分比）的高度textarea，即使父 div 有明确的高度，但如果你设置高度，textarea一切似乎都很好

示例：这里

我发现最好使高度至少是行高的两倍，否则滚动看起来不整齐（有点开箱即用），而且我inDragDiv从IE7 及以下我已使用负边距进行了更正。在 IE7 中，定位正在使用它，textarea) 一直很紧.. 如果您仍想使用绝对定位，您应该明确声明该left: 0;属性

于 2011-05-03T08:46:21.500 回答
0

有类似的问题-> IE8 文本框不可编辑（当我的应用程序的包装器具有位置：绝对时）。单击仅在边框中起作用。填充颜​​色和透明也不起作用。通过此文档类型更改，问题得到解决。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

来源：http ://www.codingforums.com/showthread.php?p=1173375#post1173375

于 2011-12-23T16:45:57.940 回答