» » WordPress: How To Layer Images Using CSS

WordPress: How To Layer Images Using CSS

posted in: WordPress | 0

If you find yourself in a situation where two images are overlapping each other, but the one you want on top is currently on the bottom, add the following code in your CSS:

1
2
position: relative;
z-index: 5;

This code has to be applied to where both images are being called. For example, you would put z-index: 5; for the first one and z-index: 4; for the second image. The higher z-index number will be on top. This works great for overlaying transparent images over banners and such.

wrong

right

WordPress Rocks! If you can dream it, I can create it!
Like this article? Please click below to share it. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *