IE에서 CSS3의 상자 그림자 효과 시뮬레이션

이 글은 주로 IE의 CSS3에서 box-shadow를 시뮬레이션하는 효과를 소개합니다. 이제 특정 참고 가치가 있습니다. 필요한 친구들이 참고할 수 있습니다.

IE에서 CSS3의 box-shadow 시뮬레이션(Shadow) IE의 그림자 필터를 사용하여 달성할 수 있습니다. 이 필터는 배경 속성과 함께 사용해야 합니다. 그렇지 않으면 필터가 유효하지 않습니다.

IE 사용에서 CSS3의 상자 그림자(그림자)를 시뮬레이션할 수 있습니다. 그림자 필터
기본 구문: 필터: progid:DXImageTransform.Microsoft.Shadow(color='색상 값', 방향=그림자 각도(숫자 값), 강도=그림자 반경(숫자 값))
참고: 이 필터를 사용해야 합니다. 배경 속성과 함께 사용하지 않으면 필터가 유효하지 않습니다.
IE에서 CSS3의 box-shadow(그림자) 코드 시뮬레이션:

.box-shadow{ 
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/ 
background-color: #eee; 
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/ 
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/ 
box-shadow:2px 2px 5px #969696;/*opera或ie9*/ 
}

위 내용은 모두의 학습에 도움이 되기를 바랍니다. 중국사이트!

관련 권장 사항:

css3를 사용하여 div 특수 효과를 표시하고 숨기는 방법

css3를 사용하여 입력 입력 상자의 색상 그라데이션 글로우 효과를 얻는 방법

위 내용은 IE에서 CSS3의 상자 그림자 효과 시뮬레이션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!