Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Having a hard time using a .png shadow image on a div Google has been helpful, but I’m struggling. › Re: Having a hard time using a .png shadow image on a div Google has been helpful, but I’m struggling.

December 27, 2011 at 3:10 pm #93464
noahgelman
Participant

All you need to do is wrap #hero-throbber in a div, give it an ID, and use css to give it bottom padding and a background of your shadow like this:



//hero-throbber div content


#shadow-slice {
background-image:url(../images/dvsport-banner-shadow-only.png) bottom center no-repeat;
padding: 0px 0px 30px;
}

Adjust the padding as needed