Как решить проблему отображение тени (css+html)?
Блок справа по оси Z находится выше левого и перекрывает его тень. Это незаметно, пока блоки прозрачны.
Для решения проблемы нужно поднять блок с ховером над остальными..goods:hover{
    position: relative;
    z-index:1;
}
jsfiddle.net/L0u9ry1e
В вашем случае указывать z-index не обязательно, т.к. блок всего один, указал его для наглядности и понимания сути решения проблемы. Если же наложенных и перекрывающих друг друга блоков несколько, их расположение на оси Z регулируется значением z-index'а.
оставьте блок прозрачным, но задайте цвет родительскому блоку.