ie鼠标滚动背景抖动背景有图片还有视频

2018-05-20 06:58:34 962 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Web动画实战：从CSS到JS，构建流畅交互的核心技术与性能优化 Web动画是现代前端开发中提升用户体验的关键技术，其核心原理是通过控制视觉属性随时间变化，实现平滑的过渡与交互反馈。从技术实现层面，主要分为声明式的CSS动画与命令式的JavaScript动画两大体系。CSS动画凭借其高性能和易用性，成为实现简单过渡与关键帧动画的首选，尤其在处理transform和opacity属性时，能利用GPU合成层达到60fps的流畅度。而JavaScript动画则提供了更精细的时间线与逻辑控制，适用于需要与复杂交互、滚动位置或数据流联动的场景，常借助requestAnimation 阅读详情

两种背景一种是图片一种是视频我写在div里面了代码如下使用ie浏览器（ie11）浏览时不管是视频还是图片只要滚动鼠标背景就会抖动右边拖动滑动条不会抖动请问怎么解决这个问题
<div id="div1" style="width: 100%"> 
<video autoplay loop id="bgvid">
<source src="vedio/Comp 1_2.mp4" type="video/mp4"></video>
</div>
<div id="div2" style="display:none;width: 100%">
<video autoplay loop id="bgvid1">
<source src="vedio/inthesnow 2_1.mp4" id="video1" type="video/mp4"></video>
</div>
<div id="div3" style="display:none;width: 100%">
<img src="images/41.jpg" style="position:fixed;width:100%;height:100%;z-index:-4;margin: auto;">
</div>
<div id="div4" style="display:none;width: 100%">
<img src="images/40.jpg" style="position:fixed;width:100%;height:100%;z-index:-4;margin: auto;">
</div>

...全文