internet-explorer-8 - IE 8 绝对定位元素在其父裁剪问题之外

Question

我在另一个绝对定位的 div 中有一个绝对定位的 div。子 div 内容比父 div 可以包含的内容大得多。这是设计使然。我需要子 div 溢出它的父级。它在除 IE 8 之外的所有其他浏览器中都这样做(IE 7 看起来不错，不确定)在 IE8 中，子节点不在父级的部分被剪掉了。它在那里，但只是不可见，因为可以通过 IE 开发人员工具进行验证。
我试过 z-index，试过明确设置溢出:可见，根本没有运气。

更新:我发现问题是由父 div 中定义的过滤器引起的，如下所示:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)";

任何人都知道如何解决这个问题？

Answer 1

我用这个解决了它 How do I stop internet explorer's propriety gradient filter from cutting off content that should overflow?

我的解决方案略有修改，只需在您想要透明的容器内放置一个类为“ie_rgba_fix”的空 div，在特定于 IE 的地方添加此 CSS， children 将不再像溢出一样剪辑:隐藏

/* IE8 RGB A workaround */
div.ie_rgba_fix
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)";
}