box-shadow、よく使うんですが、
使うたびに毎回引っかかるのでいい加減覚えるためのメモ。

box-shadowを使っている要素の次の要素に、backgroundなどの背景が指定されていると、box-shadowが効きません。

回避方法

box-shadowを使っている要素に「position:relative;」を追加することで回避できます。

尚、次の要素にpositionが指定されている場合はこれだけだと回避できないので、
「z-index」でbox-shadowがついてる要素が上になるようにCSSを追加すると回避できます。

.test{ 
      box-shadow:0px 0px 3px 0px #666666;
      position: relative;
      z-index:2:
}

.next{
      background:#fff;
      position: relative;
      z-index:1:
}