WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Z-index and background images (4 posts)

  1. bensima
    Member
    Posted 6 years ago #

    I'm trying to get a background image to stick out from the main #wrapper so it looks like a tab to the post. The only problem is that when I position the image, it disappears behind the #wrapper.

    http://simanet.dreamhosters.com/wp

    Is there something I'm forgetting to do? Or do I have to re-code the #wrapper to not include the image?

    The link above has a picture with what it is supposed to look like in the first post.

    Help is appreciated :-)

  2. scribu
    Member
    Posted 6 years ago #

    I think the best approach would be to place each image in the corresponding div, and then set neggative left or right margins to it.

    You could also try to set the z-index for the #wrapper 0, and for the "tabs" a higher one, but I'm not sure it will work.

  3. bensima
    Member
    Posted 6 years ago #

    You're right, it works beautifully. With Sandbox's dynamic post-category classes and display:none;, I can code each post to have a specific tab that corresponds to the category by loading all of the tabs, then only displaying the one I want. Not sure if this is the best way to do it, but it works. I'm sure I could use some php function but that would require learning some more php. I'll save that for a rainy day.

    Thanks for the help =)

  4. scribu
    Member
    Posted 6 years ago #

    You're welcome, and good luck with it. :)

Topic Closed

This topic has been closed to new replies.

About this Topic