왜 다음 코드를 사용하더라도 위쪽과 아래쪽에 그림자를 제거 할 수 없습니다. 그림자가 "작다"고해도 그림자는 여전히 있습니다.은 위쪽 그림자와 아래쪽 그림자를 제거 할 수 없습니다.
div#inner_container {
width: 960px;
margin: 0 auto;
background-color: rgb(255, 255, 255);
box-shadow:0 9px 0 0 transparent,
0 -9px 0 0 transparent,
12px 0 15px -4px rgba(255, 255, 255, 0.5),
-12px 0 15px -4px rgba(255, 255, 255, 0.5);
position: relative;
z-index: 5000;
}
이 시도 :
box-shadow: 10px 0px 12px -5px #ffffff, -10px 0px 12px -5px #ffffff;
시도했습니다. 그러나 라이브 사이트에서는 여전히 상단과 하단에 약간의 그림자가 있습니다. 상자 그림자가 상속 되나요? – Jawad
그것은 상단에 그림자가 있다는 아니지만, 당신이 당신이 그것을 볼 수있는 점에 출혈이 너무 높은 확산을 설정하는 것이 :
box-shadow: 0 0px 0px 0px transparent,
0 0px 0px 0px transparent,
12px 0 9px -10px rgba(255, 255, 255, 0.5),
-12px 0 9px -10px rgba(255, 255, 255, 0.5)
시도해보십시오. 그러나 이것이 더 단순화 될 수 있다고 확신합니다. 불필요하게 복잡해 보입니다.
당신은 출혈 그림자의 상단에 배치됩니다 배경색입니다 상단과 하단 그림자를 추가 할 수 있습니다
box-shadow:
0 -5px 0px 0 black,
0 5px 0px 0 black,
12px 0 15px -4px rgba(255, 255, 255, 0.5),
-12px 0 15px -4px rgba(255, 255, 255, 0.5);
아니면 :before, :after (CSS Drop Shadow)
두 예제를 사용할 수 있습니다 : http://codepen.io/anon/pen/jEkwJ
더 많은 코드를 게시 할 수 있습니까? jsfiddle에 추가 한 내용을 추가했지만, 당신이 말하는 드롭 섀도우를 볼 수는 없습니다. http://jsfiddle.net/9eJnG/ – ews2001
@ ews2001 : Strange. 당신이 바이올린을 보았을 때, 그럴 일은 없지만, 여기에서는 "http://www.pufs.org/test/cattle.html"그것이 일어납니다. – Jawad