Как сделать, чтобы один прозрачный блок перекрывал другой?
Сделать обертку для второго дива с overflow: hidden не вариант?
codepen.io/anon/pen/yNpjgW
Например так, с помощью position: absolute;
jsfiddle.net/IonDen/Lb8Lj4xa
И в другом порядке с помощью z-index:
jsfiddle.net/IonDen/Lb8Lj4xa/1