模糊一个div模糊其他div

Question

当我模糊div时，靠近它的其他div也会在模糊div附近的边缘处变得模糊和半透明。

以下是演示：http://codepen.io/anon/pen/ezpdy

如何防止其他div模糊？

Answer 1

最简单的解决方案是将.background-image放在所有其他元素后面。 http://codepen.io/anon/pen/driDz

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

或者将#test置于.background-image

之上

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

两种方式都可以。

Answer 2

#test并没有变得模糊。由于.background-image模糊5px，因此会影响5px周围的情况。