Support » How-To and Troubleshooting » [Resolved] Background z-index

[Resolved] Background z-index

  • Anyone understands how to use background-z-index properly?

    I defined two backgrounds (both position: relative): one with an image and the second with an image background repeat-x.

    #one {
    position: relative;
    background: url(‘images/bg-one.png’) bottom left no-repeat;
    background-z-index: +1;

    #two {
    position: relative;
    background: url(‘images/bg-two.png’) top left repeat-x;

    <div id=”one”>
    <div id=”two”>

    I tried

    z-index: 2 for #one and z-index: 1 for #two


    background-z-index: 2 for #one and background-z-index: 1 for #two


    bg-two is still on top of bg-one.

    I followed the advice on these two sites to guide me:


    Random CSS Thought: Background-z-index

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] Background z-index’ is closed to new replies.