Question

Possible Duplicate:
Can I have multiple background images using CSS?

Is it possible to use 3 different background images in a div?
Imagine a div where the far left is one image (that does not repeat), the middle is another image that repeats horizontally, and the far right is yet another image that does not repeat.
(In much the same way as the header/content/footer model works vertically.)

If it’s not possible please show me alternative ways – every way I have tried thus far has failed.

Answer 1

You could actually do this without adding too much extra markup (if any) using the sliding doors technique. This technique is compatible in all browsers.

HTML:

<div class="outer">
    <div class="inner">
        ...
    </div>
</div>

CSS:

.outer { /* Apply "left door" styles here */ }
.inner { /* Apply "right door" styles here */ }

Let me know if you have any questions/problems with this.