CSS로 박스 그림자를 만드는 가장 효과적인 방법

Question

CSS로 상자 그림자를 만드는 가장 효과적인 방법을 찾는 데 관심이 있습니다. 하지만 구현의 용이성, 유연성 및 크로스 브라우저 호환성을 의미합니다.

Answer 1

어니언 스킨은 개인적으로 좋아합니다.

예제는 alistapart article에서 찾을 수 있습니다. 필요

CSS의 규칙 : 다음 CSS가 적용되는

 
    .shadow{ 
     position:relative; 
     display:block; 
     background-color:#bbb; 
     border:1px solid black; 
    } 

    .shadowed_item{ 
     position:relative; 
     border:1px solid black; 
     background-color:white; 
     top:-5px; 
     left:-5px; 
    } 

HTML 코드 :

 
<div class='shadow'> 
    <div class='shadowed_item'>I have a shadow.</div> 
</div> 

나는 그것을 매우 발견

Answer 2

나는 현재 가장 효과적인 찾을 방법이있다 구현하기 쉽고 유연하며 FF 3, IE 6에서도 동일하게 작동합니다. & 7.

Answer 3

브라우저의 일관성을 유지하면서 편리하게 작동하도록하는 한 가지 방법은 jQuery Shadow plugin입니다. 남용하지 않으면 페이지 렌더링 속도가 느려지지 않습니다. 그렇지 않으면 CSS3가 널리 사용될 때까지 기다릴 수 있습니다.)