css - IE8 - 隐藏 CSS 溢出,修复导致 jquery 的进一步问题

标签 css internet-explorer jquery-ui overflow position

问题第 1 部分: 基本上我有溢出的古老 IE 问题:隐藏;不在 IE 中工作。解决方法(确实有效)还添加了“position: relative;”到元素/父级;然而,这给我带来了问题。首先我想知道是否有另一种方法不附加相对位置。

如果这是唯一的解决方案,我将概述它导致的问题:

问题第 1b 部分:我正在使用 jquery 1.4.2 和 jquery ui 1.8.4。这个概念基本上是让用户从一堆卡片(被 div 包围的 ul)中拿起一张卡片(可拖动的 li 元素)并将其放入适当的类别(最初是空的 ul 元素)。因为使用 position: absolute; 的 css 将每张卡片放在另一张卡片的顶部会导致交互问题,我让它们在一列中一个接一个地显示,并使用设置高度和宽度的 div 溢出:隐藏来代替其余卡片。在 FF 中运行良好,但在 IE 中由于溢出而无法运行:隐藏的错误。如果我放置 position: relative,对于这两种浏览器,卡片在被拖动时的 z-index 似乎位于其父 div 之外的所有内容之后。我试过更改页面上每个元素的 z-index 以指定顺序,但这似乎完全被忽略了。我真的希望不必进入 jquery 进行更改。有什么解决办法吗?

附件中的图片使这面文字墙更加清晰。图 1 是它在 FF 中的工作方式和工作方式,没有相对位置。图 2 是将相对位置添加到组合中的情况。两张图片都显示了一张卡片被拖到新列中的某个位置。

图一:http://plldd.net.au/storage/overflowhidden.jpg 图2在同一个位置,叫做positionrelative.jpg

感谢您提供的任何帮助。

最佳答案

您可以尝试将其全部包装在另一个具有相对位置的 div 中吗?这个 div 围绕着一切而不是直接父级。

关于css - IE8 - 隐藏 CSS 溢出,修复导致 jquery 的进一步问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3445603/

相关文章:

javascript - jQueryUI 自动完成 - 选择后模糊字段

javascript - 仅在 mouseenter 上显示第一个类别的 div

css - 链接包装 block 破坏元素

html - 内联文本区域样式以覆盖 CSS 默认值

javascript - 在没有某些 div 的情况下淡入背景

javascript - 在 IE 中使用 jquery 显示 gif

html - 自定义字体仍然不能在 IE 中工作

javascript - 连接列表的可排序滚动问题

javascript - 防止模态保存时双重操作

python - 从python使用IE下载文件