Divs에 대한 텍스트 그림자가 있습니까?

Question

DIV 용 텍스트 그림자와 같은 것이 있는지 궁금합니다. 텍스트 그림자는 텍스트에 그림자를 떨어 뜨리기위한 것일 뿐이지 만 완전한 DIV에 그림자가 있어야한다는 것을 알고 있습니다.

어떤 아이디어가 있습니까?

Answer 1

텍스트 섀도우를 사용하는 경우 CSS3을 사용하고 있으므로 box-shadow property을 사용해보십시오.

Answer 2

. Alist apart에 멋진 기사가 있습니다.

Answer 3

당신은 div에 대한 그림자 효과를 얻기 위해 이미지를 사용할 수 있습니다 만하지만 당신은 border-image

border-image: url(shadow.png); 

CSS3를 시도 할 수

감사

Answer 4

실제로 IE를 사용하는 최신 브라우저 및 필터에서는 css3을 사용하여이를 수행 할 수 있습니다. 나는 이것에 대해이 extremely good article에 대해 읽었다. 기본적으로 다음 CSS를 가져 와서 div에 적용하면 FF, Safari, Chrome, Opera, IE5.5 이상에서 작동합니다.

.module { 
    /* offset left, top, thickness, color with alpha */ 
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    /* IE */ 
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray'); 
    /* slightly different syntax for IE8 */ 
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')"; 
}