javascript - Android jQuery fadeIn weird behavior -


i'm developing phonegap app iphone , android.

i have black overlay loading message appears when user clicks on button.

everything fine on ios, on android, fadein() function displays parts of overlay. like, really, parts. bottom, bottom , top right corner... weird.

although if use .show() instead, goes right.

have ever seen ? (terrible quality can see overlay on bottom half, , semi-transparent piece of overlay on top right corner.)

enter image description here

what's wrong .fadein() function on android ?

(here css if need it)

.black-overlay {     position: absolute;     width: 100%;     height: 120%;     background-color: #000;     color: #fff;     display: none;     z-index: 99999;     top:0; }

and beginning of html code :

<body class="side">         <div class="black-overlay row-fluid"> //overlay             <div class="span12 loading-splash">                 <div class="span12"><span>chargement...</span></div>                 <div class="span12 span-no-margin"><img src="img/ajax-loader_black.gif" alt=""></div>             </div>         </div>         <div class="app container-fluid event-creation"> //rest of app...

here's css use background overlays.

.ajax-loader-background {     background-color: rgba(0,0,0,0.2);     filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#30000000,endcolorstr=#30000000);     zoom: 1; /* force haslayout in ie. */     position: absolute;     top: 0px;     left: 0px;     right: 0px;     bottom: 0px;      z-index: 99999; }

i'm not sure why different result .fadein, except jquery might need know width/height of element, , if it's not visible has 0 width/height.

i've noticed slight differences between width: 100% , left: 0px; right: 0px. same height: 100%. you're setting height 120% i've never seen done absolute positioning. should not have overlay.


Comments

Post a Comment

Popular posts from this blog

c# - Operator '==' incompatible with operand types 'Guid' and 'Guid' using DynamicExpression.ParseLambda<T, bool> -

i'm using dynamic linq library , there source code , basic docu , nuget version pm> install-package dynamiclinq i'm trying construct clause involves guids i have tried string "id == @0" . parameter array object[] value ( guid xxxx ) var whereclausesb = buildlogicalkeywhereclause2(entity, logicalkey); //build string var parms = buildparamarray(entity, logicalkey); // object[] var wherelambda = ofsi.bos.core.dynamicexpression.parselambda<t, bool>(whereclausesb.tostring(),parms); //parse an exception thrown in dynamicexpression.parselambda operator '==' incompatible operand types 'guid' , 'guid' i have tried guid , string.(fail) i tried , "id = @0" (fail). string == string works, int32==int32 not guid == guid not any ideas? try using equals method instead of == operator in string: "id.equals(@0)"
Read more