2012-03-20 3 views
1

그림자를 생성하고 싶습니다. 그러나 크로스 플랫폼 그림자를 생성하는 것은 어렵습니다. 크로스 플랫폼 (IE6 포함) 상자 그림자를 생성하는 온라인 도구가 있습니까? 이다크로스 플랫폼 (IE6 포함) 상자 그림자를 생성하는 온라인 도구가 있습니까?

나는 자동으로

/* For IE 8 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
     /* For IE 5.5 - 7 */ 
     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
+0

나는이 장소를 좋아하지 않는다. http://css3please.com/ – Andrew

+4

IE6 지원을 찾으려면 왜 [html5] [css3] 태그를 추가해야합니까? – BoltClock

답변

1

이 가장 쉬운 일이 아니다 다음 코드를 생성합니다. 당신은 this nice generator for crossbrowser css3을 시도 할 수 있고 IE의 경우 this nice Framework을 시도 할 수 있습니다.

CSS Pie는 css3을 에뮬레이션하기 위해 .htc 파일과 독점적 인 VML 형식을 통해 CSS를 동적으로 향상시키는 Internet Explorer 기능을 사용합니다. 설치가 매우 쉽고 아주 잘 작동합니다.

일부 css3 항목은 MS 필터를 통해 얻을 수도 있습니다.

+0

덕분에 많이 ... – Sachindra

+0

나는 CSS3 PIE를 사용하는 제안을 초 ... 그것은 가장 쉬운 방법입니다. 보통처럼 CSS3'box-shadow'를 사용할 수 있고 PIE는 IE를 자동으로 처리합니다. – daGUY

0

발전기를 찾을 수 없었지만 MS 필터로 부분적으로 에뮬레이션 할 수 있습니다. 나는 이것에 조금 들어가는 article을 발견했다.

0

나는 이렇게하는 것이 더 고통 스럽지만 항상 이미지를 사용할 수 있음을 알고 있습니다. 그것은 IE 6에서 그들을 얻는 가장 좋은 방법 일 수 있습니다. http://www.w3schools.com/browsers/browsers_explorer.asp에 따르면, 인터넷 사용자의 1 %만이 웹 브라우저로 IE6을 사용합니다. IE6 용으로 별도의 스타일 시트를 만들 수 있으므로 메인 시트가 복잡해지지 않습니다.

0

이전 IE에 대한 CSS 드롭 섀도우를 생성하려면 여기에 드롭 섀도우를 생성하는 Microsoft 자체 도구를 권장합니다. http://samples.msdn.microsoft.com/workshop/samples/author/filter/Shadow.htm

나는 모든 브라우저 생성하는 특정 온라인 도구 모르겠지만, 여기 자신에 그것을 아주 쉽게 할 내가이 도움이 되었으면 좋겠

#box { 
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33); /* Chrome 1-25, Safari 3.2+ */ 
     -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33); /* Firefox 4-15 */ 
     -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33); /* Opera 10.50–12.00 */ 
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ 

    /* IE6 & 7 */ 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=6); 
    /* IE8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=3)"; 
} 

크로스 브라우저 CSS의 드롭 그림자 예이다