css - IE9 剪辑绝对边界半径的固定子项

Question

这是一个在 Internet Explorer 9 中唯一中断的 JSFiddle。我希望有人已经看到并知道如何解决它。

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

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

我知道此时质疑“固定”的使用是很自然的。整页有一个带有绝对定位标题的嵌入滚动表，与搜索条件相邻。“推子”被锚定到其非滚动（但仍然流畅生成）的原点，位置：固定。

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

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

帮助？

Answer 1

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

消除：

position: fixed;

并在页面上的某处添加：

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

如果您想单独使用 css 完成此操作，我不能 100% 确定要告诉您什么。虽然我确实看到了一个关于 position:fixed in IE9 的问题，之前在这里问过：position:fixed break in IE9

我希望这有帮助。