使用CSS的“clip:rect”属性,可以在IE中的所有浏览器中使用

时间:2016-08-03 21:24:43

标签: html css jsfiddle clip

我的滚动行为需要像jsfiddle链接中那样工作。

基本上,有一个非重复的背景图像,它有一个口袋,圆圈必须看起来消失在后面(感觉它们被覆盖)。

我所做的是每个轨道都有自己的圆圈,在屏幕中央有一个固定的位置,当它离开它的容器时会被剪掉。圆圈在它的容器内时会恢复。最后一个容器将它的圆圈剪掉,然后下一个块的圆圈开始画出它。

此行为在Chrome和Firefox中运行良好,但互联网资源管理器(最新版)似乎对剪辑造成严重影响,使得圈子不一致无法恢复。

是否有修复或替代方法来执行此操作?

https://jsfiddle.net/a6f31wny/

clip: rect(auto, auto, auto, auto);

0 个答案:

没有答案