Two background images on same element

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.

Separate it by a comma :slight_smile: .

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

Hi there gwnh,

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

    background-position: bottom center, top center;


That’s perfect - thanks so much

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.