Two background: one with tiled raster

[lounge 0]

Hi, We are moving our website from Joomla to Wordpress, and we would like to keep our 'old' background. As you can see on our Joomla website: http://dj-lounge.com there is a orange background, in combination with a raster. CSS: /* Copyright © YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* Background: Skyline ----------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width: 769px) { body#page { background: #90c8e3 url(../../images/background/skyline/page.jpg) 50% 50% fixed; } #page-bg { background: url(../../images/background/skyline/raster.png) 0 0 fixed; } .wrapper { -moz-box-shadow: 0 0 15px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7); box-shadow: 0 0 15px rgba(0,0,0,0.7); } } How are we able to put the 'raster' image tiled above the 'party people'?

[Rob 547]

Just one dumb question on my part... but why not simply edit the image, create a layer and add the raster (grid) as a layer over it, then flatten the two making one single image for the background rather than trying to make two layered backgrounds? I'm a bit concerned because that layering is done as a proprietary code and I can't re-engineer it here.

[Danny+ 1,327]

Ive done it for you, took only a few moments in photoshop. http://i.imgur.com/NfH8I.jpg

[lounge 0]

Awesome Danny, thank you very much!!

[vladoliki 1]

There is a huge problem with flattening those two layers if you want to shrink or expand your background with screen size - patterns will be distorted on resolutions different from the native one. That's the point of using two layers.