IE11在background-attachment: fixed时的两个Bug

本来之前在IE11看自己的博客,一切都是好好的。昨天突然发现这个奇怪的问题,F12调试半天也无果,中文搜索无果,英文搜索知道原来是IE11的一个Bug。

Bug 1:当把窗口缩放(键盘ctrl + -)到小于100%时,即使定义了background-size: cover属性,背景图片无法覆盖到整个视窗,而是在窗口四周会露出背景色,暴露位置依background-position属性而定。如background-position: top center时,会在两侧和底部露出背景。

Bug 2:当通过鼠标中间滚轮快速滚动时,背景图片会上下跳动。

Bug演示:

IE11在background attachment: fixed时的两个Bug

bug1没有解决的办法,即使应用背景属性到html也不行,只有等microsoft出IE补丁了。

Bug2的客户端的解决办法

进入IE11浏览器Internet选项->高级,取消勾选“使用平滑滚动”即可

IE11在background attachment: fixed时的两个Bug

Bug2的开发者解决办法

将背景设置属性应用到body上,而不是body的子元素,页面就不会跳动了。

测试Internet Explorer环境

版本: 11.0.9600.16521
更新版本: 11.0.4 (KB2925418)

参考文章:http://social.msdn.microsoft.com/Forums/

本文采用CC BY-NC-ND协议进行许可,传播时请保留链接:http://huangzhiqun.com/life/ie11-bg-fixed-bug.html

4,837 次阅读
  1. 目前还没有评论

发表评论

三 × 二 =

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。

疑惑 调皮 伤心 抠鼻 惊讶 微笑 脸红 坏笑 惊讶 发呆 撇嘴 酷 阴险 咒骂 愤怒 白眼 鼓掌 得意 汗 打呵欠 大哭 憨笑

评论