IE9剪辑固定的绝对边界半径的子节点

Question

这是一个在Internet Explorer 9中独一无二的JSFiddle。我希望有人见过这个并知道如何解决它。

http://fiddle.jshell.net/se9Kc/1/

请注意，滚动区域上边缘装饰或“推子”会在IE9的右侧被剪裁。

我理解在这一点上质疑使用“固定”是很自然的。整页有一个嵌入式滚动表，其中包含一个绝对定位的标题，与搜索条件相邻。 “推子”锚定到其非滚动（但仍然流畅生成）的原点，位置为：fixed。

有缺陷的算法似乎是这样的：

1. 正确生成固定元素的可见性掩码和内容
2. 按要求正确定位元素内容
3. 错误地将元素可见性蒙版定位在左边缘

帮助？

Answer 1

经过一些测试后，似乎使用javascript来处理特定的css属性，使其能够正常运行。

卸下：

position: fixed;

并在页面上添加：

<script>    
    $(.fadeTopGradient).css({'position':'fixed'})
</script>

如果你想单独用css完成这个，我不是百分之百确定告诉你什么。虽然我确实看到了一个关于位置的问题：在IE9中修复了这里之前的问题：position:fixed breaks in IE9

我希望这会有所帮助。