Question

JsFiddle Link

I have two divs overlapping with borders on both. When I set the z-index on one higher then the other shouldn’t the border also be blocked by the higher z-index div?

Is there anything I can do to accomplish this?

Answer 1

Set an explicit background-color

#b {
    left: 15px;
    top: 15px;
    border: 1px solid blue;
    z-index: 2;
    background-color: white;
}