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

Question

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

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

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

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

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

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

帮忙吗？

Answer 1

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

删除:

position: fixed;

并在页面的某处添加:

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

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

希望对您有所帮助。