模糊div模糊其他div

Question

當我模糊div時，靠近它的其他div也會在模糊div附近的邊緣變得模糊和半透明。

這裏有一個演示：http://codepen.io/anon/pen/ezpdy

我如何防止漸漸模糊等的div？

Answer 1

最簡單的解決方案是將.background-image放在所有其他元素的後面。 ​​

.background-image { 
    z-index: -1; 
} 

或將#test上述.background-image

#test { 
    position: relative; 
    z-index: 2; 
} 

兩種方式都做工精細。

Answer 2

#test沒有變得模糊。由於.background-image被5px模糊，因此它會影響周圍的5px。