problem with altering css wtih background-image

problem with altering css wtih background-image

hi i'm developping an application mobile and i find a problem but i have no idea about how to fix it.

i use a webservice to get one picture in base64 if the webservice answer sending nothing i put a default picture.

it's work fine on ie, but when i m using safari on the navigator it doesn t work any idea about how to solve it

Thanks for any help 

(sry if i did a 2x post couldn t edit first)
Copy code
  2. $("#ImageSrc").attr('src',GetLocalProfilePhoto()); //this working
  3. $('#ImageSrc').width(90); //this working
  4. $('#ImageSrc').height(90); //this working

  7. $(".patientPhoto").css('background','url("'+GetLocalProfilePhoto()+'");'); //this not working
  8. $(".patientPhoto").css('background-size','45px 45px;');  //this not working
  10. function GetLocalProfilePhoto(){

  12. if(window.localStorage.SessionJson){ //testing if i have a photo in storage (stocked it with ajax request before
  13. var LocalUserInfos = $.parseJSON(window.localStorage.SessionJson);
  14. var image = LocalUserInfos.PhotoProfil;
  15. if(image == null) // if the ajax returned nothing i use default picture
  16. return '../images/avatarDefault.png';
  17. else
  18. return 'data:image/png;base64,'+image; //else i use the picture
  19. }
  20. else
  21. return '../images/avatarDefault.png'; //i t s for the case of a bug
  22. }