问题第1部分:基本上我有一个古老的IE溢出问题:隐藏;不在IE工作。修复(确实有效)也是添加“position:relative;”元素/父母;但这对我来说是个问题。首先,我想知道是否有另一种方式没有附加位置相对。
如果这是唯一的解决方案,我将概述它导致的问题:
问题部分1b:我正在使用jquery 1.4.2和jquery ui 1.8.4。该概念基本上是用户从堆中拾取卡(可拖动的li项)(由div包围的ul)并将其放入适当的类别(最初是空的ul项)。因为将每张卡片放在一起堆叠在一起,用css定位:绝对;会导致交互出现问题,我让它们在一列中相互显示一个并使用设置高度和宽度的div与overflow:hidden来掩盖其余的卡片。在FF中工作得很好,但在IE中由于溢出而无效:隐藏的bug。如果我放置位置:相对,对于两个浏览器,卡被拖动时的z-index看起来都在其父div之外的所有内容之后。我已经尝试更改页面上每个元素的z-index来指定顺序,但这似乎完全被忽略了。我真的希望不必进入jquery进行更改。任何解决方案?
附上照片,使这个文字墙更清晰。图1是它应该如何工作,并且在FF中没有位置相对。图2是当位置相对添加到混合时。两张图片都显示一张卡被拖动到新列中的某个位置。
图片1:http://plldd.net.au/storage/overflowhidden.jpg 图2位于同一位置,名为positionrelative.jpg
感谢您提供的任何帮助。
答案 0 :(得分:1)
你可以尝试将它全部包装在另一个与位置相对的div中吗?这个div围绕着一切而不是直接的父母。