CSS: Why background-color breaks/removes the box-shadow?

Question

I have a pretty simple div structure - tree boxes with middle box highlighted with box-shadow:

相关标签:

Answer 1

It has to do with the z-index of the items. Try adding this to your existing css:

.obOffer {
    position: relative;
    z-index: 10;
}

.obHiLight {
    position:relative;
    z-index: 100;
}​

Answer 2

You just need to add z-index and position:relative; see the example. http://jsfiddle.net/SqvUd/2/

Answer 3

adding .obHiLight{opacity:0.999} creates a new stacking context for that element, which makes it appear above the others as well. This might work for tables too (didn't test :) . @ItJustWerks @brian-tacker