<div> <div> <div></div> </div> </div>
It seems to me that the inner background will overwrite the outer one,why is it designed like this?
The backgrounds will nest... Think of pieces of paper..., when you stack them, the first and largest is shown, if the size of the first is made smaller than the ones behind it, the ones behind it take up the space. Transparency works with this same principle.