Jump to content


Photo
- - - - -

Supersize background image does not work in Safari

Safari background image

Best Answer Danny , 08 August 2013 - 11:10 AM

Appears to be a bug with that particular browser, if you navigate to the <body> inside the Web inspector in Safari and then make the body background color transparent your supersized image should be visible.

 

I have reported the issue.

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 07 August 2013 - 11:01 PM

Hi I have set my background image to supersize and it works in all browsers apart from safari for some reason.

 

In safari I just get a white background and no image.

 

I am using pagelines framework 2.4.4 and WordPress 3.6

 

Here is my URL

Please Login or Register to see this Hidden Content

 

Any assitance would be appreciated.



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 08 August 2013 - 09:37 AM

Hi Luke,

 

Since it works on all browsers except Safari, we know the issue really isn't with PageLines and the Supersize option.  Therefore the obvious conclusion must be that something in Safari is prohibiting you from using/seeing a supersized image.  Supersize, if I recall, uses Javascript or AJAX to stretch the image.  So my first port-of0call would be to look in your Safari browser to see if javascript is disabled.

 

Next, I'd contact Safari to ask them why that effect is happening only on their browser.  Likely, others have had similar issues so there may be something in their support forums.



#3 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 08 August 2013 - 10:13 AM

Javascript is enabled in my safari.

 

I wouldn't even know what to say to safari or what to look for in their support forums tbh. It seems like a couple of other pagelines users have experienced this issue as well but there didnt appear to be any actual solutions mentioned in their forum threads which is why i opened another one.

 

I may have to look into just using a CSS only method to achieve similar results as the supersize effect.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 August 2013 - 11:10 AM   Best Answer

Appears to be a bug with that particular browser, if you navigate to the <body> inside the Web inspector in Safari and then make the body background color transparent your supersized image should be visible.

 

I have reported the issue.



#5 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 08 August 2013 - 12:09 PM

Thanks I have added the following to my custom css and it appears to have sorted it out for now.

Please Login or Register to see this Hidden Content



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 August 2013 - 12:12 PM

Cool, well its been reported too, so our devs are aware of the issue.



#7 Tang

Tang

    Advanced Member

  • Members
  • 51 posts
  • LocationFrankfurt - Germany
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 23 August 2013 - 03:33 PM

Doesn't seem to be a browser bug. Same constellation here: framework 2.4.4 + WordPress 3.6 … supersize.js doesn't work anymore. Switching it off shows the BG-image, but in original size.

Solution here: WP-Supersize Plugin (based on the same js) works and brings back the image. You can even run a slideshow. But I would personally prefer to stay within Pagelines, cause I only need the big image.



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 23 August 2013 - 09:32 PM

Okay!







Also tagged with one or more of these keywords: Safari, background image