Jump to content
Sign in to follow this  
MissT

alternative background for ipad css

Recommended Posts

MissT

I can't get the same background to look right for the ipad so I'm using the Browser Specific CSS plugin and I've added the following CSS but the ipad isn't picking up the other background. Is my CSS wrong?? .ipad body {background: url(" background-sunrise-1024x1024-rev3.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:100% 100%;} The problem for the ipad was the horizon of the background image needs to be just below the 'Make a world of difference' and we've also made the new ipad background have a much less blue and a more white sky so that the blue text of the logo shows up. Any help much appreciated as always.

Share this post


Link to post
Share on other sites
Rob
Please see: http://www.pagelines.com/tracking/wiki/Browserspecificcss%3AMainPage

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
MissT
Thanks rangelone - am I missing something in that link you gave me??? I'm already using .ipad in the CSS - see my post above. Thanks, Tracy.

Share this post


Link to post
Share on other sites
MissT
I've also tried the following to no avail... body .tablet .ipad .safari {background: url("http://www.longeatondawnbreakers.org/images/background-sunrise-1024x1024-rev3.jpg")!important; background-repeat:no-repeat; background-attachment:fixed; background-position:100% 100%;} And I've cleared the data history in safari settings also. It's still picking up the normal background: http://www.longeatondawnbreakers.org/wp-content/uploads/2012/06/background-sunrise91.jpg instead of the background that will look better for the ipad: http://www.longeatondawnbreakers.org/images/background-sunrise-1024x1024-rev3.jpg Any help much appreciated as always :)

Share this post


Link to post
Share on other sites
Danny
Hi Tracy, Try the code below please. [code]body.ipad { background: transparent url(http://www.longeatondawnbreakers.org/images/background-sunrise-1024x1024-rev3.jpg) center top fixed repeat; }[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×