Background image inconsistent load

[Marcel7313676]

I already try:

1. Create a class and CSS the background (based on a previous developer question)

   .niceBackground{
   background-image: url("http://appery.io/app/rest/html5/ide/s...");

2. JS on Page show

   $('div[dsid="mobilecontainer"]').css('background-image',
   'url("http://appery.io/app/rest/html5/ide/s...")');
   $('div[dsid="mobilecontainer"]').css('background-repeat','repeat');
   $('div[dsid="mobilecontainer"]').css('position','relative');
   $('div[dsid="mobilecontainer"]').css('background-size','100% 100%');
   $('div[dsid="mobilecontainer"]').css('background-attachment: fixed');

   However when I test on different devices these are the results:

3. iPhone: background do not appears

4. iPad: background do not appears

5. Macbook
   a) Safari - background OK
   b) Firefox - background do not appears
   c) Chrome - background OK

6. Xcode/iOS Simulator (I create an WebView app) - background do not appears

   

   What am I doing wrong?, Thanks in advance

[Alena Prykhodko]

Hello Marcel,

Code seems to be ok.
Let us test this case.

[Marcel7313676]

Thanks Alena, I should add the following:

1. Appery.io Tester (Android App) - background do not appears.

   Do you want me to share my app with support?

   I other hand inconsistency is the same for background image on an added LEFT PANEL

[Marcel7313676]

Alena, please check my attached comment

[Yurii Orishchuk]

Hi Marcel,

I tried your image source and can not see it.. codehttp://appery.io/app/rest/html5/ide/source/251690525/read/data?_=1420254301378/code I guess here is some ACL that rejects this image for not signed it users.

Please follow these steps if you need to use your background with CSS:

1 Open "Media Manager". http://prntscr.com/3ef5i4/direct

2 Upload you images with "Media Manager".

3 Create new CSS asset. http://prntscr.com/3jl1x5/direct

4 Add CSS code like:

pre

/* you should change this rule to fit to your case. You can find "id" attribute in needed html element view browser debugger */
#Screen2_mobilecontainer{

Code: Select all

 /* you should change "a_01.jpeg" with file name you need. */ 

background: url(../../../../files/views/assets/image/a_01.jpeg) no-repeat;
}

/pre

Regards.

[Marcel7313676]

Good, I will try it and will share the results later on.

Thanks