View Full Version : Using background images with UL / LI

Feb 25th, 2012, 08:52 AM
I want to set a background image to the entire UL and have it only show in the actual LI (which is set to display:block)

Here is an illustration I made:

imagine that the 50% grey is solid black, and the li blocks are like chunks that have been cut away from the black to reveal the background image.

I want to use a kind of splatter pattern and be able to use different sizes of content in the LIs, that is why I don't want to set separate images for each LI.

Please let me know if you have any ideas to accomplish this. Thanks!

Feb 25th, 2012, 09:45 AM
I figured out a way setting the background to the UL, and using solid black, thick borders on the bottom of each IL