Support » Themes and Templates » Z-index and background images

  • Resolved bensima

    (@bensima)


    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 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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.

    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 =)

    You’re welcome, and good luck with it. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Z-index and background images’ is closed to new replies.