HTML和CSS定位_Html_Css_Positioning_Css Position_Resizable

HTML和CSS定位

html css

HTML和CSS定位,html,css,positioning,css-position,resizable,Html,Css,Positioning,Css Position,Resizable,可能重复：若你们跟随这个链接，你们会看到我试图在图片顶部的div中显示一个文本框，这个文本框是可拖动的我有两个问题在IE 8中，我无法单击内部文本框还有一些尺寸问题重新调整div大小时文本框的大小它确实从父div中传出我能重组这个人，让它解决这两个问题吗谢谢。这是一个非常有趣的问题在我看来，关于IE8的第一部分是文本区域中透明背景的问题。如果将颜色应用于背景，则可以按预期访问文本区域。为了让这更有趣一点，当您添加默认文本时，您只能在文本已经存在的地方访问文本区域因此，我

可能重复：

若你们跟随这个链接，你们会看到我试图在图片顶部的div中显示一个文本框，这个文本框是可拖动的

我有两个问题

在IE 8中，我无法单击内部文本框

还有一些尺寸问题重新调整div大小时文本框的大小它确实从父div中传出

我能重组这个人，让它解决这两个问题吗

谢谢。

这是一个非常有趣的问题

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

因此，我建议调查IE7和IE8如何处理/创建透明背景。也许你会质疑它是否真的需要透明（如果你想简单地解决问题的话）

您提到的关于扩展到父div的div的第二个问题可以通过向父div添加

overflow:hidden

来解决，在这种情况下，您应该将其添加到css中的

#dragDiv

项中。在div中使用浮动元素时通常会出现这种情况-您应该阅读更多关于浮动元素的内容并清除它们（

clear:both

），因为如果处理不当，它们会导致很多问题

我希望这有点帮助，我想知道你是否找到了第一个问题的原因

这是一个非常有趣的问题

因此，我建议调查IE7和IE8如何处理/创建透明背景。也许你会质疑它是否真的需要透明（如果你想简单地解决问题的话）

您提到的关于扩展到父div的div的第二个问题可以通过向父div添加

overflow:hidden

来解决，在这种情况下，您应该将其添加到css中的

#dragDiv

项中。在div中使用浮动元素时通常会出现这种情况-您应该阅读更多关于浮动元素的内容并清除它们（

clear:both

），因为如果处理不当，它们会导致很多问题

我希望这有点帮助，我想知道你是否找到了第一个问题的原因

IE在输入和文本区域有一个透明背景的bug，要想绕过它，最好使用

transparent.gif

作为背景

接下来，我发现IE不会接受

textarea

上的100%（或任何百分比）高度，即使父div有明确的高度，但如果您在

textarea

上设置高度，一切看起来都很好

例子：

我发现最好使高度至少为行高的两倍，或者使卷轴看起来不整洁（稍微超出框外），而且我还从

inDragDiv

中删除了定位，使其默认位于标题下。。IE7中仍然存在1px的差异，低于1px，我已使用负边距进行了更正。。在IE7中，定位将其（文本区域）移到了最紧的位置。。如果仍要使用绝对定位，则应显式声明

left:0

property

IE在输入和文本区域有一个透明背景的bug，要想避开这个bug，最好使用

transparent.gif

作为背景

接下来，我发现IE不会接受

textarea

上的100%（或任何百分比）高度，即使父div有明确的高度，但如果您在

textarea

上设置高度，一切看起来都很好

例子：

我发现最好使高度至少为行高的两倍，或者使卷轴看起来不整洁（稍微超出框外），而且我还从

inDragDiv

left:0属性
也有类似问题->IE8文本框不可编辑（当我的应用程序的包装器具有position:absolute时）。单击仅在边框中工作。填充颜色和透明也不起作用。通过此doctype更改，问题得到解决
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



来源：
也有类似问题->IE8文本框不可编辑（当我的应用程序的包装器具有位置：绝对时）。单击仅在边框中工作。填充颜色和透明也不起作用。通过此doctype更改，问题得到解决
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



来源：
我查过了，但它对我来说非常有效。移动并可编辑。@user719813-在IE 8中签入？只是为了您的理智；它在IE7或IE8中对我都不起作用，在IE9中也有问题。我检查了它，但它对我来说非常有效。移动并可编辑。@user719813-在IE 8中签入？只是为了您的理智；它在IE7或IE8中对我都不起作用，并且在IE9中存在问题。