Two background images on same element

[AEM542]

Hi everyone,

I put a background image in the center bottom of a p tag:

p {
background-image: url(‘image.gif’);
background-repeat: no-repeat;
background-position: bottom center;
}

Is it possible put another image on the top of the same element at the same time?

Thanks in advance.

[RyanReese]

Separate it by a comma .

background-image: url('image.gif'), url('image.gif');

[coothead]

Hi there gwnh,

further to RyanReese’s’ reply, you will also need…

    background-position: bottom center, top center;

coothead

[AEM542]

That’s perfect - thanks so much