CSS overlapping elements & opacity issue

Question

I\'ve stumbled upon an issue with rendering two overlapping elements with opacity = .5. The elements are exactly the same and positioned absolutely. One is on top of the oth

Answer 1

Short answer: Opacity is not a linear function, so it doesn't add.

Longer answer: here or here