묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[CSS] Border-radius & Box-shadow
2014.12.27 21:45
갑자기 뜬금없는 질문이지만, border-radius 가 적용된 div 에 어떻게 box-shadow를 모서리를 뭉개지 않으면서 적용할 수 있나요?
http://lifeto.cafe24.com/xe/today
댓글 5
-
퍼니엑스이
2014.12.27 23:41
-
XESTUDIO
2014.12.28 00:32
여기 test 부분에 하이라이트 된 부분에 inset 그림자를 넣었는데 저렇게 border-radius : 3px 된 곳을 다 무시하고 box-shadow 형태로 나타납니다.
쉽게 말해서 그냥 그림자에 border-radius 값을 주는 방법이 궁금합니다. -
퍼니엑스이
2014.12.28 00:35
브라우저마다 CSS를 다르게 해석해서 그렇습니다.
확인해보니 크롬, IE에서는 둥글게 나오고 파이어폭스에서는 각지게 나오네요.
-
XESTUDIO
2014.12.28 00:36
아 그런점이있었군요. 답변 감사합니다.
-
퍼니엑스이
2014.12.28 00:37
브라우저에 상관없이 똑같이 보이게 하려면 저 그림자를 이미지로 만들어서 배경으로 깔아줘야 할거에요.
질문을 정확하게 이해하기가 어렵네요.