IE7 및 IE8에서 컬러 상자 그림자를 어떻게 구현할 수 있습니까?

IE7 및 IE8에서 Box Shadows 구현

질문:

다양한 방법을 활용함에도 불구하고, IE7 및 IE8의 컬러 상자 그림자 구현은 아직 파악하기 어렵습니다. 다음 CSS 코드가 사용됩니다.

.bright {
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0px -3px 55px 20px #147197;
  box-shadow: 0px -3px 55px 20px #147197;
  -webkit-box-shadow: 0px -3px 55px 20px #147197;
  behavior: url(ie-css3.htc);
}

"ie-css3.htc" 파일은 IE 섀도우 문제에 대한 솔루션을 제공하지만 섀도우를 흑백으로 제한합니다. 사용 시도:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

전방향 그림자가 아닌 방향성 그림자가 발생합니다. 또한 흐림 필터를 사용하려면 추가 div가 필요하므로 현재 시나리오에서는 바람직하지 않습니다. 이 문제에 대해서는 전문가의 조언을 구하세요.

답변:

이전 버전의 IE에서 CSS3 속성을 에뮬레이션하는 도구인 CSS3 PIE(Pie: Internet Explorer CSS3) 사용을 고려해 보세요. . CSS3 PIE는 "inset" 키워드를 제외하고 box-shadow를 지원합니다.

위 내용은 IE7 및 IE8에서 컬러 상자 그림자를 어떻게 구현할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!