jquerymobile 切换页面时候闪烁问题

https://github.com/jquery/jquery-mobile/commit/acbec71e29b6acec6cd2087e84e8434fecc0053f   可以修改css

好像是个bug

@@ -4,9 +4,10 @@

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

*/

.spin  {

--webkit-animation-name: spin;

--webkit-animation-duration: 1s;

--webkit-animation-iteration-count:  infinite;

+  -webkit-transform: rotate(360deg);

+  -webkit-animation-name: spin;

+  -webkit-animation-duration: 1s;

+  -webkit-animation-iteration-count:  infinite;

}

@-webkit-keyframes spin {

from {-webkit-transform: rotate(0deg);}

@@ -22,22 +23,27 @@ Built by David Kaneda and maintained by Jonathan Stark.

}

.slide.in {

+  -webkit-transform: translateX(0);

-webkit-animation-name: slideinfromright;

}

.slide.out {

+  -webkit-transform: translateX(-100%);

-webkit-animation-name: slideouttoleft;

}

.slide.in.reverse {

+  -webkit-transform: translateX(0);

-webkit-animation-name: slideinfromleft;

}

.slide.out.reverse {

+  -webkit-transform: translateX(100%);

-webkit-animation-name: slideouttoright;

}

.slideup.in {

+  -webkit-transform: translateY(0);

-webkit-animation-name: slideinfrombottom;

z-index: 10;

}

@@ -48,6 +54,7 @@ Built by David Kaneda and maintained by Jonathan Stark.

}

.slideup.out.reverse {

+  -webkit-transform: translateY(100%);

z-index: 10;

-webkit-animation-name: slideouttobottom;

}

@@ -57,6 +64,7 @@ Built by David Kaneda and maintained by Jonathan Stark.

-webkit-animation-name: dontmove;

}

.slidedown.in {

+  -webkit-transform: translateY(0);

-webkit-animation-name: slideinfromtop;

z-index: 10;

}

@@ -67,6 +75,7 @@ Built by David Kaneda and maintained by Jonathan Stark.

}

.slidedown.out.reverse {

+  -webkit-transform: translateY(-100%);

z-index: 10;

-webkit-animation-name: slideouttotop;

}

@@ -127,6 +136,7 @@ Built by David Kaneda and maintained by Jonathan Stark.

}

.fade.in {

+  opacity: 1;

z-index: 10;

-webkit-animation-name: fadein;

}

@@ -139,20 +149,24 @@ Built by David Kaneda and maintained by Jonathan Stark.

}

.flip.in {

+  -webkit-transform: rotateY(0) scale(1);

-webkit-animation-name: flipinfromleft;

}

.flip.out {

+  -webkit-transform: rotateY(-180deg) scale(.8);

-webkit-animation-name: flipouttoleft;

}

/* Shake it all about */

.flip.in.reverse {

+  -webkit-transform: rotateY(0) scale(1);

-webkit-animation-name: flipinfromright;

}

.flip.out.reverse {

+  -webkit-transform: rotateY(180deg) scale(.8);

-webkit-animation-name: flipouttoright;

}

@@ -189,11 +203,15 @@ Built by David Kaneda and maintained by Jonathan Stark.

}

.pop.in {

+  -webkit-transform: scale(1);

+    opacity: 1;

-webkit-animation-name: popin;

z-index: 10;

}

.pop.out.reverse {

+  -webkit-transform: scale(.2);

+  opacity: 0;

-webkit-animation-name: popout;

z-index: 10;

}

 或者

.ui-page {
-webkit-transform-style: flat;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800;
}

转载于:https://www.cnblogs.com/chenfulai/archive/2012/03/15/2398381.html