2012-05-02 3 views
0

작동하지 않는 나는이 있습니다CSS 속성은 IE6

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(210,210,210,1))); 

그 모든 브라우저 및 IE9 위해 일하지만, 다른 사람이

감사

를 사용하는 것을 말해 줄 수 IE6 작동하지
+2

웹킷 수단 (사파리 및 크롬) 그래서,이 IE '필터로 작동해야 IE에서 작동하지 않을 것 인 ProgID : DXImageTransform.Microsoft.gradient (startColorstr ='#의 CCCCCC ', endColorstr ='# 000000 ');' – waterschaats

+0

표준 그라데이션은 IE가 아닌 최신 브라우저에서만 작동합니다. – Rob

+0

당신이 파이어 폭스 http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/ – Chinook

답변

1

IE의 이전 필터 규칙을 사용해야합니다. 질문에 언급 된 규칙에 웹킷을 타겟팅하는 공급 업체 접두사가 있습니다 (크롬 , 사파리 등) 브라우저에서만 사용할 수 있습니다. - 교차 플랫폼 그라디언트를 만드는 데 도움이되는 깔끔한 발전기 here이 있습니다. IE6-9의 규칙은 다음과 같이 :

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 * 
0

웹킷 프리픽스는 Chrome, Safari, Android 및 iPhone과 같은 Webkit 브라우저에서만 작동합니다. 예를 들어 Firefox의 경우 -moz, Opera의 경우 -o를 사용해야합니다.

IE6에는 그래디언트 지원이 전혀 없으므로 대신 이미지를 사용하거나 IE6 지원을 제거해야합니다. 이는 아마도 좋은 선택입니다. 많은 사용자들이 여전히 IE6에 있습니다. (예를 들어 정부에서 특별히 사용하지 않는 경우에는 종종 멈추는 경우가 많습니다.)

+0

에서 그들을 원한다면이 글을 읽으십시오. IE6-9는 그라데이션을 지원하지만 필터를 통해 : 선언 – dmp

0

인터넷 익스플로러 그라데이션 필터는 색상 스톱, 기울기 각도 및 방사형 그라디언트를 지원하지 않습니다. 즉, StartColorStr 및 EndColorStr의 두 가지 색상으로 수평 또는 수직 선형 그래디언트 만 지정할 수 있습니다.

0

그래디언트를 지원하지 않는 브라우저는 Internet Explorer 8 이하 뿐이므로 필터를 사용하면 모든 브라우저가 검색되지 않습니다.

또 다른 접근 방식은 기능 감지 지원을위한 to use Modernizr이며 대체 이미지 또는 단색을 사용합니다.

:

#box { 
// Normal gradient syntax 
} 

.no-cssgradients #box { 
// Fallback image 
}