CSS3变换显示底层

Question

我正在学习使用CSS3变换。我已经创建了下面的演示，它揭示了可见层下面的一部分图层。

http://codepen.io/anon/pen/uFHpe

在在显示层上空盘旋，我想它仍然可见，但此刻却导致显露的层关闭。

Answer 1

尝试appliying它时，over盘旋而当background使用兄弟选择~

.over:hover, .background:hover ~ .over { 
    transform: translateX(-200px); 
    transition: all 0.3s ease-in-out 0s; 
} 

有关CSS选择器的详细信息，this is a great and informative article