2013-02-02 5 views
3

IE에서 그라데이션으로 투명 색상을 사용할 수 있습니까?IE의 CSS 그래디언트, 투명 색상?

나는이도 IE9에, 검은 색 파란색에서 그라데이션을 만들고, 이상하게도

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=transparent, endColorstr=red); 

을 시도했습니다.

+0

http://stackoverflow.com/questions/2293910/css3-transparency-gradient – Oleg

+0

예. 불투명도에 대한 확장 된 16 진수의 예를 보여 주지만 논리를 설명하지는 않습니다. 그래서 나는 아직도 어떻게 투명하게되는지 모른다. – user984003

답변

6

이 작동 그래서

#000000FF 

:

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000FF, endColorstr=red); 

그리고, 테스트하지,하지만 난 그뿐만 아니라 0 작품을들을 수 있습니다. startColorstr이 아니라 startColor입니다.

+2

그리고 LESS 같은 전처리기를 사용하는 경우 ARGB 형식으로 변환 할 수 있습니다 : argb (rgba (0, 0, 0, 0.1)). 우리는 IE8과 IE9를 지원하기 위해 믹스 인 헬퍼를 작성하기 위해 이것을 사용했습니다. – Johnus

9

(start|end)ColorStr 속성에서 지원하는 '투명'값에 대한 언급이 없습니다. 인터넷 익스플로러 8의 아래에 다음과 같은 코드를 시도 할 수 있습니다 :

.transparentGradient { 

    /* The element needs layout */ 
    zoom: 1; 

    filter: progid:DXImageTransform.Microsoft.gradient(
     gradientType=1, startColor=0, endColorStr=#FFFFFF 
    ); 
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
     gradientType=1, startColor=0, endColorStr=#FFFFFF 
    ); 
} 

여기 a working example을합니다. IE8, 호환성 모드 및 IE6에서 테스트했습니다.

때문에 StartColor/endColor

startColorendColor 파라미터 수락 :

정수 지정 백색 불투명 0 투명한부터 4294967295까지의 범위의 색상 값 (수신을).

참조 : 지정 또는 수의 값을 수신

문자열을 : http://msdn.microsoft.com/en-us/library/ms532929(v=vs.85).aspx

는 startColorStr은/endColorStr

당신은 또한 수락 startColorStr 및/또는 endColorStr 사용할 수 있습니다 # FF000000 ~ #FFFFFFFF 범위입니다.

그래서 당신이 또는 "#AARRGGBB"형식 (예에서와 같이) "#RRGGBB"의 색상을 지정할 수 있습니다, 후자는 다음과 같이 정의되고 :

컬러가 #AARRGGBB 형식으로 표현된다, 여기서 AA는 알파 16 진수 값, RR은 빨간색 16 진수 값, GG는 녹색 16 진수 값, BB는 파란색 16 진수 값입니다. 알파 값은 객체의 불투명도를 제어합니다. 00의 알파 값은 이며, FF 값은 불투명합니다.

기본값은 #FF0000FF (불투명 파란색) 그리고 당신은 다음의 범위에서 그것을 기본값 인 값을 전달하는 경우. 참조 :


http://msdn.microsoft.com/en-us/library/ms532930(v=vs.85).aspx는 것을 잊지 마세요 :

객체는 필터 렌더링 할 레이아웃을 가지고 있어야합니다.

참조 : http://msdn.microsoft.com/en-us/library/ie/ms530752(v=vs.85).aspx