alternative background for ipad css

[MissT+ 6]

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-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.

[Rob 547]

Please see: http://www.pagelines.com/tracking/wiki/Browserspecificcss%3AMainPage

[MissT+ 6]

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.

[MissT+ 6]

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 :)

[Danny+ 1,327]

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]