javascript - 拖/放问题(可拖动到位置 :relative parent)

Question

这是场景，我使用的是prototype和scriptaculous，但我相信jquery也会有同样的问题。我在相对定位的 div 中有一个可拖动图像的列表。问题是我无法将图像拖出父 div...好吧...你可以，它们只是不可见。如果你删除父div上的position:relative，它工作得很好，我可以完美地将元素拖出div。然而，由于这个 IE7 小错误:http://snook.ca/archives/html_and_css/position_relative_overflow_ie/该职位:亲属是必需的。是否有其他不需要设置位置的解决方案来解决此错误？

我尝试过使用 z-index 和我能想到的一切，但都无济于事。这是该框的 CSS:

#products{
width: 680px;
height: 400px;
border: 1px solid gray;

/*background-color: #66FF00;*/
overflow-y: scroll;
overflow-x: hidden;

font-family:"Helvetica Neue","Helvetica";
font-size:12px;
font-weight:bold;

position: relative;
}

如果您想查看此错误的实际情况，可以在此处访问:http://twinmed-dev.com/template_add.php 。尝试搜索“手套”等商品，然后将其添加到下面的购物车。感谢您的帮助。

Answer 1

我认为溢出隐藏/滚动属性对你的伤害比位置更大:相对 - 但这只是一个想法。