Shadow knockout

I'm missing a way to define if I want an element to knock out its own 
box-shadow. If I define { box-shadow: 10px 10px 10px #000; 
background-color: rgba(255, 0, 0, .5); }, I can't see the top left 
corner of the shadow.

Maybe something like 'box-shadow-knockout: knockout' could work.