@WouterDS: Да, довольно неприятно, что он не работает даже в IE10. К сожалению, это все, что CSS может предложить. Если вам нужна поддержка IE, вам, вероятно, придется использовать JavaScript, как в последней ссылке в моем ответе.

жный дубликат:
Передача щелчков мышью через наложенный элемент <div>

Можно ли щелкнуть ссылку под красным квадратом без JavaScript? Красный div не должен быть кликабельным.

http://jsfiddle.net/efortis/LNwHV/

#bottom{
 width: 100px;
 height: 100px;
 background-color: orange;
}

#top{
  width: 50px;
  height: 50px;
  position: absolute;
  left:0;
  top:0;
  background-color: rgba(255,0,0,.5);
 }