배경과 동일한 테두리

Question

탐색 메뉴가 있으며 어떻게 든 배경과 같은 테두리를 구현하고 싶습니다.하지만 상자 그림자가 내가 원하는 효과를 내지 못하게하려고 할 때 사용합니다.

이

내가 원하는 것입니다

사람이 그 효과를 얻을 수 http://jsfiddle.net/fmB5R/1/

border-bottom: 1px solid rgb(48, 48, 48); 
box-shadow:0 0 18px rgba(0,0,0,0.6); 

Answer 1

사용 box-shadow의 inset 재산 바이올린 좀 걸릴 수 있습니다 :

box-shadow:inset 2px 0 4px rgba(0,0,0,0.6); 

을

Fiddl e : http://jsfiddle.net/agconti/fmB5R/5/