写DIV+CSS时如何避免IE重影的bug

html-css012

写DIV+CSS时如何避免IE重影的bug,第1张

没有杜绝的说法，只有你不断去调试的结果，了解各种浏览存在的BUG，兼容才是王道。你说的浮动问题，到后面要加个清除样式.<div class="clean"></div>.clean{clear:both}

animation-fill-mode : forwards //设置对象状态为动画结束时的状态

animation-fill-mode

语法：

animation-fill-mode：none | forwards | backwards | both [ ,

none | forwards | backwards | both ]*

默认值：none

适用于：所有元素，包含伪对象:after和:before

继承性：无

取值：

none：

默认值。不设置对象动画之外的状态

forwards：

设置对象状态为动画结束时的状态

backwards：

设置对象状态为动画开始时的状态

both：

设置对象状态为动画结束或开始的状态

说明：

检索或设置对象动画时间之外的状态

如果提供多个属性值，以逗号进行分隔。

对应的脚本特性为animationFillMode。

这个是最简单的方法，

也可以侦听动画结束事件，给元素加个class类名，这个class定义的就是元素结束时的状态的css样式

感觉写的好复杂，全局样式可以使用

*{margin:0padding:0}

.daohang{width:100%height:100pxbackground-color: #22b4f1}

这样就好，全局样式去掉内外边距