今天在做移动端满屏切换效果的时候,遇到了一个坑。在iPhone4下的微信里面,上下满屏切换的时候,背景会先闪一下,这个应该是在ios5的系统下回出现的一个bug。
找了很久,后来发现了css3的一个属性backface-visibility,解决方案就是在全局样式里面加上:
*{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
这个属性第一次用,下面来看看这个属性的具体意思:
backface-visibility 属性定义当元素不面向屏幕时是否可见。
如果在旋转元素不希望看到其背面时,该属性很有用。
默认值: | visible |
继承性: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.backfaceVisibility="hidden" |
语法:
backface-visibility: visible|hidden;
|
值 | 描述 |
visible | 背面是可见的 |
hidden | 背面是不可见的 |