IE 8绝对定位元素超出其父剪辑问题

Question

我在另一个绝对定位的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 proprietygradient filter from cutoff content that Should Overflow?

我的解决方案做了一些修改，只需将一个带有“ie_rgba_fix”类的空 div 放入您想要透明的容器内，将此 CSS 添加到 IE 特定的位置，子级将不再像溢出一样剪辑：隐藏

/* 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)";
}