View Full Version : Can I use Two Background Commands at Once?

03-09-2005, 02:02 AM
Right now, I have a background image that runs down the left side of my page. What I would like to do is place another background image behind that, so the image that runs down the left will appear on top of the new background.

Can that be done?

03-09-2005, 02:11 AM
Sadly, this is currently impossible with one css declaration. On a better note, the current CSS3 drafts allow you to to use multiple background images. But there isn't any browser support for it yet. For a way around that...use something like...

<div id="content">
<p>Hello World</p>

and CSS:

#content {
background: url(image1.jpg);

#content p {
background: url(image2.jpg);

there are many ways to configure it to do more advanced tricks...but thats a basic idea. If you want something more specific, just let us know!

03-09-2005, 02:27 AM
one way you could do it if you wanted is to split the page into two frames. Thats about the only way i can t hink about now.

03-16-2005, 10:19 PM
Sorry for the late respose.

Anyways, I tried your method Jalenack, but it didn't work.

Here's what I'm trying to do, more specifically:

On this page:

See the "Game Xplain" that runs down the left side? I'd like that to be independent of the background (right now, it's part of it).

Is there any way to do that?

Thanks for the help.

03-16-2005, 10:26 PM
you could put your entire site in a div, and use css to repeat that background image only using repeat-y

03-17-2005, 10:15 AM
Check this (http://www.deck20.co.uk/examples/example.html) out.